jack/Chan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加笔和线段的结束时间和修改了一些小bug

Browse Source
This commit is contained in:
Porter
2025-06-02 12:44:24 +08:00
parent f6224f08c9
commit aea88b1e3e
2 changed files with 201 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app.py
+4
View File
@@ -631,6 +631,7 @@ def analyze():
'bi_list': [{
'start_time': bi.start_klc.end_time if isinstance(bi.start_klc.end_time, str) else bi.start_klc.end_time.astimezone(client_tz).isoformat(),
'end_time': (bi.end_klc.end_time if isinstance(bi.end_klc.end_time, str) else bi.end_klc.end_time.astimezone(client_tz).isoformat()) if bi.end_klc else None,
'sure_time': format_time_safely(bi.sure_time, client_tz) if bi.sure_time else None,
'start_price': bi.start_klc.low if convert_direction(bi.dir) == 1 else bi.start_klc.high,
'end_price': bi.end_klc.high if convert_direction(bi.dir) == 1 else bi.end_klc.low if bi.end_klc else None,
'direction': convert_direction(bi.dir),
@@ -639,6 +640,7 @@ def analyze():
'seg_list': [{
'start_time': seg.start_bi.start_klc.end_time if isinstance(seg.start_bi.start_klc.end_time, str) else seg.start_bi.start_klc.end_time.astimezone(client_tz).isoformat(),
'end_time': (seg.end_bi.end_klc.end_time if isinstance(seg.end_bi.end_klc.end_time, str) else seg.end_bi.end_klc.end_time.astimezone(client_tz).isoformat()) if seg.end_bi else None,
'sure_time': format_time_safely(seg.sure_time, client_tz) if seg.sure_time else None,
'start_price': seg.start_bi.start_klc.low if convert_direction(seg.dir) == 1 else seg.start_bi.start_klc.high,
'end_price': seg.end_bi.end_klc.high if convert_direction(seg.dir) == 1 else seg.end_bi.end_klc.low if seg.end_bi else None,
'direction': convert_direction(seg.dir)
@@ -725,6 +727,7 @@ def analyze():
result['element_bi_list'] = [{
'start_time': bi.start_klc.end_time if isinstance(bi.start_klc.end_time, str) else bi.start_klc.end_time.astimezone(client_tz).isoformat(),
'end_time': (bi.end_klc.end_time if isinstance(bi.end_klc.end_time, str) else bi.end_klc.end_time.astimezone(client_tz).isoformat()) if bi.end_klc else None,
'sure_time': format_time_safely(bi.sure_time, client_tz) if bi.sure_time else None,
'start_price': bi.start_klc.low if convert_direction(bi.dir) == 1 else bi.start_klc.high,
'end_price': bi.end_klc.high if convert_direction(bi.dir) == 1 else bi.end_klc.low if bi.end_klc else None,
'direction': convert_direction(bi.dir),
@@ -737,6 +740,7 @@ def analyze():
result['element_seg_list'] = [{
'start_time': seg.start_bi.start_klc.end_time if isinstance(seg.start_bi.start_klc.end_time, str) else seg.start_bi.start_klc.end_time.astimezone(client_tz).isoformat(),
'end_time': (seg.end_bi.end_klc.end_time if isinstance(seg.end_bi.end_klc.end_time, str) else seg.end_bi.end_klc.end_time.astimezone(client_tz).isoformat()) if seg.end_bi else None,
'sure_time': format_time_safely(seg.sure_time, client_tz) if seg.sure_time else None,
'start_price': seg.start_bi.start_klc.low if convert_direction(seg.dir) == 1 else seg.start_bi.start_klc.high,
'end_price': seg.end_bi.end_klc.high if convert_direction(seg.dir) == 1 else seg.end_bi.end_klc.low if seg.end_bi else None,
'direction': convert_direction(seg.dir)
web/templates/index.html
+197 -94
View File
@@ -48,7 +48,7 @@
}
.chart-container {
width: 100%;
height: 600px;
height: 700px;
margin-top: 10px;
border: 1px solid #e9ecef;
border-radius: 8px;
@@ -555,6 +555,7 @@
<tr>
<th>起始时间</th>
<th>结束时间</th>
<th>确认时间</th>
<th>起始价格</th>
<th>结束价格</th>
<th>方向</th>
@@ -572,6 +573,7 @@
<tr>
<th>起始时间</th>
<th>结束时间</th>
<th>确认时间</th>
<th>起始价格</th>
<th>结束价格</th>
<th>方向</th>
@@ -979,6 +981,11 @@
$('input[name="klinePeriod"]').change(function() {
console.log('K线周期切换:', $(this).attr('id'), $(this).is(':checked'));
updateChartDisplay();
// 更新数据源信息
if (currentData) {
setupDataSourceInfo(currentData);
}
});
// 当选择不同的元素时间周期时
@@ -1134,6 +1141,14 @@
}
}
// 专门用于确认时间的格式化函数，处理可能为空的情况
function formatConfirmTime(timeStr) {
if (!timeStr || timeStr === null || timeStr === 'null' || timeStr === '') {
return '<span class="text-muted">未确认</span>';
}
return formatTime(timeStr);
}
function formatDirection(direction) {
const dirText = direction === 1 ? '向上' : '向下';
const dirClass = direction === 1 ? 'direction-up' : 'direction-down';
@@ -1149,6 +1164,12 @@
const valueClass = numValue >= 0 ? 'positive' : 'negative';
return '<span class="' + valueClass + '">' + numValue.toFixed(4) + '</span>';
}
function formatTradePointType(type) {
const typeText = type > 0 ? `买${Math.abs(type)}` : `卖${Math.abs(type)}`;
const typeClass = type > 0 ? 'direction-up' : 'direction-down';
return '<span class="' + typeClass + '">' + typeText + '</span>';
}
function updateChart() {
// 只显示旋转加载图标
@@ -1364,24 +1385,24 @@
// 如果需要显示MACD，创建MACD容器
let macdChartContainer = null;
if (showMacd) {
// 设置各图表高度 - 为三个图表分配合理比例
mainChartContainer.style.height = '50%'; // 主图占50%
volumeChartContainer.style.top = '50%';
volumeChartContainer.style.height = '25%'; // 成交量图占25%
// 设置各图表高度 - 为三个图表分配合理比例，主图表适度增加高度
mainChartContainer.style.height = '55%'; // 主图占55%（约385px）
volumeChartContainer.style.top = '55%';
volumeChartContainer.style.height = '22.5%'; // 成交量图占22.5%（约157.5px）
macdChartContainer = document.createElement('div');
macdChartContainer.style.width = '100%';
macdChartContainer.style.height = '25%'; // MACD图占25%
macdChartContainer.style.height = '22.5%'; // MACD图占22.5%（约157.5px）
macdChartContainer.style.position = 'absolute';
macdChartContainer.style.top = '75%'; // 从75%位置开始
macdChartContainer.style.top = '77.5%'; // 从77.5%位置开始
macdChartContainer.style.left = '0';
macdChartContainer.style.right = '0';
macdChartContainer.style.borderTop = '1px solid #e0e0e0';
} else {
// 不显示MACD时的高度 - 主图和成交量图平分
mainChartContainer.style.height = '70%'; // 主图占70%
volumeChartContainer.style.top = '70%';
volumeChartContainer.style.height = '30%'; // 成交量图占30%
// 不显示MACD时的高度 - 主图和成交量图分配
mainChartContainer.style.height = '72%'; // 主图占72%（约504px）
volumeChartContainer.style.top = '72%';
volumeChartContainer.style.height = '28%'; // 成交量图占28%（约196px）
}
container.appendChild(mainChartContainer);
@@ -4161,66 +4182,33 @@
}
}
function updateTables(data) {
// K线数据表 - 始终使用主时间周期数据
if (tables.kline) {
tables.kline.clear().destroy();
function updateTables(currentData) {
// 检查数据有效性
if (!currentData) {
console.error('updateTables: 传入的数据为空');
return;
}
// 检查数据是否存在且为数组
const klineData = (data.kline_data && Array.isArray(data.kline_data)) ? data.kline_data : [];
const data = currentData;
tables.kline = $('#klineTable').DataTable({
data: klineData,
order: [[0, 'desc']],
pageLength: 25,
columns: [
{ data: 'date', render: function(data) { return formatTime(data); } },
{ data: 'open', render: formatPrice },
{ data: 'high', render: formatPrice },
{ data: 'low', render: formatPrice },
{ data: 'close', render: formatPrice },
{ data: 'volume', render: function(data) { return parseInt(data).toLocaleString(); } }
]
});
// 检查用户选择的是主周期还是小周期数据
const useElementPeriod = $('#elementPeriodKline').is(':checked');
console.log('数据表显示周期选择:', useElementPeriod ? '小周期' : '主周期');
// 买卖点数据表 - 优先使用元素时间周期数据
if (tables.tradePoints) {
tables.tradePoints.clear().destroy();
}
// 优先使用小周期数据，如果不存在则使用主周期数据
const tradePointsData = data.element_trade_points || data.trade_points || [];
const tradePointsSource = data.element_trade_points ? '元素周期' : '主周期';
console.log(`表格显示${tradePointsSource}买卖点数据，共${tradePointsData.length}条`);
tables.tradePoints = $('#tradePointsTable').DataTable({
data: tradePointsData,
order: [[0, 'desc']],
pageLength: 25,
columns: [
{ data: 'time', render: formatTime },
{ data: 'price', render: formatPrice },
{
data: 'type',
render: function(type) {
const typeText = type > 0 ? `买${Math.abs(type)}` : `卖${Math.abs(type)}`;
const typeClass = type > 0 ? 'direction-up' : 'direction-down';
return '<span class="' + typeClass + '">' + typeText + '</span>';
}
},
{ data: 'desc' }
]
});
// 笔数据表 - 优先使用元素时间周期数据
// 笔数据表更新
if (tables.bi) {
tables.bi.clear().destroy();
}
// 优先使用小周期数据，如果不存在则使用主周期数据
const biData = data.element_bi_list || data.bi_list;
const biSource = data.element_bi_list ? '元素周期' : '主周期';
// 根据用户选择决定使用哪个周期的数据
let biData, biSource;
if (useElementPeriod && data.element_bi_list && data.element_bi_list.length > 0) {
biData = data.element_bi_list;
biSource = '小周期';
} else {
biData = data.bi_list;
biSource = '主周期';
}
console.log(`表格显示${biSource}笔数据，共${biData ? biData.length : 0}条`);
tables.bi = $('#biTable').DataTable({
@@ -4230,6 +4218,7 @@
columns: [
{ data: 'start_time', render: formatTime },
{ data: 'end_time', render: formatTime },
{ data: 'sure_time', render: formatConfirmTime },
{ data: 'start_price', render: formatPrice },
{ data: 'end_price', render: formatPrice },
{ data: 'direction', render: formatDirection },
@@ -4237,14 +4226,20 @@
]
});
// 线段数据表 - 优先使用元素时间周期数据
// 线段数据表更新
if (tables.seg) {
tables.seg.clear().destroy();
}
// 优先使用小周期数据，如果不存在则使用主周期数据
const segData = data.element_seg_list || data.seg_list;
const segSource = data.element_seg_list ? '元素周期' : '主周期';
// 根据用户选择决定使用哪个周期的数据
let segData, segSource;
if (useElementPeriod && data.element_seg_list && data.element_seg_list.length > 0) {
segData = data.element_seg_list;
segSource = '小周期';
} else {
segData = data.seg_list;
segSource = '主周期';
}
console.log(`表格显示${segSource}线段数据，共${segData ? segData.length : 0}条`);
tables.seg = $('#segTable').DataTable({
@@ -4254,20 +4249,27 @@
columns: [
{ data: 'start_time', render: formatTime },
{ data: 'end_time', render: formatTime },
{ data: 'sure_time', render: formatConfirmTime },
{ data: 'start_price', render: formatPrice },
{ data: 'end_price', render: formatPrice },
{ data: 'direction', render: formatDirection }
]
});
// 中枢数据表 - 优先使用元素时间周期数据
// 中枢数据表更新
if (tables.zs) {
tables.zs.clear().destroy();
}
// 使用小周期中枢数据（如果存在）
const zsData = data.element_zs_list || data.zs_list;
const zsSource = data.element_zs_list ? '元素周期' : '主周期';
// 根据用户选择决定使用哪个周期的数据
let zsData, zsSource;
if (useElementPeriod && data.element_zs_list && data.element_zs_list.length > 0) {
zsData = data.element_zs_list;
zsSource = '小周期';
} else {
zsData = data.zs_list;
zsSource = '主周期';
}
console.log(`表格显示${zsSource}中枢数据，共${zsData ? zsData.length : 0}条`);
tables.zs = $('#zsTable').DataTable({
@@ -4282,14 +4284,83 @@
]
});
// 买卖点数据表更新
if (tables.tradePoints) {
tables.tradePoints.clear().destroy();
}
// 根据用户选择决定使用哪个周期的数据
let tradePointsData, tradePointsSource;
if (useElementPeriod && data.element_trade_points && data.element_trade_points.length > 0) {
tradePointsData = data.element_trade_points;
tradePointsSource = '小周期';
} else {
tradePointsData = data.trade_points;
tradePointsSource = '主周期';
}
console.log(`表格显示${tradePointsSource}买卖点数据，共${tradePointsData ? tradePointsData.length : 0}条`);
tables.tradePoints = $('#tradePointsTable').DataTable({
data: tradePointsData || [],
order: [[0, 'desc']],
pageLength: 25,
columns: [
{ data: 'time', render: formatTime },
{ data: 'price', render: formatPrice },
{ data: 'type', render: formatTradePointType },
{ data: 'desc' }
]
});
// 更新数据源信息显示
const selectedPeriod = useElementPeriod ? '小周期' : '主周期';
const timeframe = useElementPeriod && data.element_timeframe ? data.element_timeframe : $('#timeframe').val();
$('#dataSourceText').html(`当前显示的是<strong>${selectedPeriod} (${timeframe})</strong> 数据`);
// K线数据表更新
if (tables.kline) {
tables.kline.clear().destroy();
}
// 根据用户选择决定使用哪个周期的K线数据
let klineData, klineSource;
if (useElementPeriod && data.element_kline_data && data.element_kline_data.length > 0) {
klineData = data.element_kline_data;
klineSource = '小周期';
} else {
klineData = data.kline_data;
klineSource = '主周期';
}
console.log(`表格显示${klineSource}K线数据，共${klineData ? klineData.length : 0}条`);
tables.kline = $('#klineTable').DataTable({
data: klineData || [],
order: [[0, 'desc']],
pageLength: 25,
columns: [
{ data: 'date', render: function(data) { return formatTime(data); } },
{ data: 'open', render: formatPrice },
{ data: 'high', render: formatPrice },
{ data: 'low', render: formatPrice },
{ data: 'close', render: formatPrice },
{ data: 'volume', render: function(data) { return parseInt(data).toLocaleString(); } }
]
});
// 未完成中枢数据表更新
if (tables.uncompletedZs) {
tables.uncompletedZs.clear().destroy();
}
// 使用小周期未完成中枢数据（如果存在）
const uncompletedZsData = data.element_uncompleted_zs_list || data.uncompleted_zs_list;
const uncompletedZsSource = data.element_uncompleted_zs_list ? '元素周期' : '主周期';
// 根据用户选择决定使用哪个周期的数据
let uncompletedZsData, uncompletedZsSource;
if (useElementPeriod && data.element_uncompleted_zs_list && data.element_uncompleted_zs_list.length > 0) {
uncompletedZsData = data.element_uncompleted_zs_list;
uncompletedZsSource = '小周期';
} else {
uncompletedZsData = data.uncompleted_zs_list;
uncompletedZsSource = '主周期';
}
console.log(`表格显示${uncompletedZsSource}未完成中枢数据，共${uncompletedZsData ? uncompletedZsData.length : 0}条`);
tables.uncompletedZs = $('#uncompletedZsTable').DataTable({
@@ -4303,14 +4374,30 @@
]
});
// MACD数据表 - 始终使用主K线周期数据
// MACD数据表更新
if (tables.macd) {
tables.macd.clear().destroy();
}
let macdData = [];
if (data.kline_data && Array.isArray(data.kline_data) && data.macd && data.macd.macd) {
macdData = data.kline_data.map((item, index) => {
// 根据用户选择决定使用哪个周期的MACD数据
let macdDisplayData = [];
let macdSource;
if (useElementPeriod && data.element_kline_data && data.element_macd) {
// 使用小周期数据
macdSource = '小周期';
macdDisplayData = data.element_kline_data.map((item, index) => {
return {
time: item.date,
close: item.close,
macd: data.element_macd.macd[index],
signal: data.element_macd.signal[index],
histogram: data.element_macd.histogram[index]
};
});
} else if (data.kline_data && data.macd) {
// 使用主周期数据
macdSource = '主周期';
macdDisplayData = data.kline_data.map((item, index) => {
return {
time: item.date,
close: item.close,
@@ -4320,9 +4407,10 @@
};
});
}
console.log(`表格显示${macdSource}MACD数据，共${macdDisplayData.length}条`);
tables.macd = $('#macdTable').DataTable({
data: macdData,
data: macdDisplayData,
order: [[0, 'desc']],
pageLength: 25,
columns: [
@@ -4334,48 +4422,61 @@
]
});
// 设置数据源信息
// 更新数据源信息
setupDataSourceInfo(data);
}
// 设置数据源信息显示
function setupDataSourceInfo(data) {
// 初始化数据源显示
// 获取用户当前的周期选择
const useElementPeriod = $('#elementPeriodKline').is(':checked');
const mainTimeframe = $('#timeframe').val();
const elementTimeframe = data.element_timeframe || mainTimeframe;
// 添加标签点击事件
$('#kline-tab, #macd-tab').off('click').on('click', function() {
$('.data-source-info').show();
$('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 数据`);
if (useElementPeriod && data.element_kline_data && data.element_kline_data.length > 0) {
$('#dataSourceText').html(`当前显示的是<strong>小周期 (${elementTimeframe})</strong> 数据`);
} else {
$('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 数据`);
}
});
$('#bi-tab').off('click').on('click', function() {
$('.data-source-info').show();
const source = data.element_bi_list ? elementTimeframe : mainTimeframe;
const sourceType = data.element_bi_list ? '元素周期' : '主周期';
$('#dataSourceText').html(`当前显示的是<strong>${sourceType} (${source})</strong> 笔数据`);
if (useElementPeriod && data.element_bi_list && data.element_bi_list.length > 0) {
$('#dataSourceText').html(`当前显示的是<strong>小周期 (${elementTimeframe})</strong> 笔数据`);
} else {
$('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 笔数据`);
}
});
$('#seg-tab').off('click').on('click', function() {
$('.data-source-info').show();
const source = data.element_seg_list ? elementTimeframe : mainTimeframe;
const sourceType = data.element_seg_list ? '元素周期' : '主周期';
$('#dataSourceText').html(`当前显示的是<strong>${sourceType} (${source})</strong> 线段数据`);
if (useElementPeriod && data.element_seg_list && data.element_seg_list.length > 0) {
$('#dataSourceText').html(`当前显示的是<strong>小周期 (${elementTimeframe})</strong> 线段数据`);
} else {
$('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 线段数据`);
}
});
$('#zs-tab').off('click').on('click', function() {
$('.data-source-info').show();
const source = data.element_zs_list ? elementTimeframe : mainTimeframe;
const sourceType = data.element_zs_list ? '元素周期' : '主周期';
$('#dataSourceText').html(`当前显示的是<strong>${sourceType} (${source})</strong> 中枢数据`);
if (useElementPeriod && data.element_zs_list && data.element_zs_list.length > 0) {
$('#dataSourceText').html(`当前显示的是<strong>小周期 (${elementTimeframe})</strong> 中枢数据`);
} else {
$('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 中枢数据`);
}
});
$('#trade-points-tab').off('click').on('click', function() {
$('.data-source-info').show();
const source = data.element_trade_points ? elementTimeframe : mainTimeframe;
const sourceType = data.element_trade_points ? '元素周期' : '主周期';
$('#dataSourceText').html(`当前显示的是<strong>${sourceType} (${source})</strong> 买卖点数据`);
if (useElementPeriod && data.element_trade_points && data.element_trade_points.length > 0) {
$('#dataSourceText').html(`当前显示的是<strong>小周期 (${elementTimeframe})</strong> 买卖点数据`);
} else {
$('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 买卖点数据`);
}
});
// 初始触发当前标签的点击事件
@@ -4855,6 +4956,7 @@
columns: [
{ data: 'start_time', render: formatTime },
{ data: 'end_time', render: formatTime },
{ data: 'sure_time', render: formatConfirmTime },
{ data: 'start_price', render: formatPrice },
{ data: 'end_price', render: formatPrice },
{ data: 'direction', render: formatDirection },
@@ -4879,6 +4981,7 @@
columns: [
{ data: 'start_time', render: formatTime },
{ data: 'end_time', render: formatTime },
{ data: 'sure_time', render: formatConfirmTime },
{ data: 'start_price', render: formatPrice },
{ data: 'end_price', render: formatPrice },
{ data: 'direction', render: formatDirection }