Skip to content

Commit 77c5941

Browse files
committed
style(ui): 预测区高亮 — 标签置于顶部、填充/边框加深
根据反馈进一步优化: - 预测标签 "预 测" 从 insideTop 改为 top(预测区正上方),13-14px 800 字重 加黄色阴影辉光,更醒目 - markArea 填充透明度 0.06→0.14 (主图) / 0.08→0.16 (弹窗) - markArea 边框 0.35/0.4→0.75/0.8,borderWidth 1→1.5 - markLine 竖线 0.55→0.85,粗度 1.2→1.5 - 更新 app.js 缓存版本号到 20260417b
1 parent 24afd3a commit 77c5941

2 files changed

Lines changed: 23 additions & 19 deletions

File tree

app/static/app.js

Lines changed: 22 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -942,26 +942,28 @@ function _klinePredictOption(merged, predStartIdx, realtimeMap) {
942942
itemStyle: { color: '#ef4444', color0: '#16a34a', borderColor: '#ef4444', borderColor0: '#16a34a' },
943943
markArea: predBoundary ? {
944944
silent: true,
945-
itemStyle: { color: 'rgba(250, 204, 21, 0.06)', borderColor: 'rgba(250, 204, 21, 0.35)', borderWidth: 1, borderType: 'dashed' },
945+
itemStyle: { color: 'rgba(250, 204, 21, 0.14)', borderColor: 'rgba(250, 204, 21, 0.75)', borderWidth: 1.5, borderType: 'dashed' },
946946
label: {
947947
show: true,
948-
position: 'insideTop',
949-
distance: 6,
950-
formatter: '▼ 预测区',
948+
position: 'top',
949+
distance: 4,
950+
formatter: '预 测',
951951
color: '#0b0f19',
952-
fontSize: 11,
953-
fontWeight: 700,
954-
backgroundColor: 'rgba(250, 204, 21, 0.92)',
952+
fontSize: 13,
953+
fontWeight: 800,
954+
backgroundColor: 'rgba(250, 204, 21, 0.98)',
955955
borderRadius: 4,
956-
padding: [3, 8, 3, 8],
956+
padding: [4, 12, 4, 12],
957+
shadowColor: 'rgba(250, 204, 21, 0.5)',
958+
shadowBlur: 6,
957959
},
958960
data: [[{ xAxis: predBoundary }, { xAxis: lastDate }]],
959961
} : undefined,
960962
markLine: predBoundary ? {
961963
silent: true, symbol: 'none',
962964
data: [{
963965
xAxis: predBoundary,
964-
lineStyle: { type: 'dashed', color: 'rgba(250, 204, 21, 0.55)', width: 1.2 },
966+
lineStyle: { type: 'dashed', color: 'rgba(250, 204, 21, 0.85)', width: 1.5 },
965967
label: { show: false },
966968
}],
967969
} : undefined,
@@ -2285,26 +2287,28 @@ function renderPredictChartFull(merged, predStartIdx) {
22852287
itemStyle: { color: '#ef4444', color0: '#16a34a', borderColor: '#ef4444', borderColor0: '#16a34a' },
22862288
markArea: predBoundary ? {
22872289
silent: true,
2288-
itemStyle: { color: 'rgba(250, 204, 21, 0.08)', borderColor: 'rgba(250, 204, 21, 0.4)', borderWidth: 1, borderType: 'dashed' },
2290+
itemStyle: { color: 'rgba(250, 204, 21, 0.16)', borderColor: 'rgba(250, 204, 21, 0.8)', borderWidth: 1.5, borderType: 'dashed' },
22892291
label: {
22902292
show: true,
2291-
position: 'insideTop',
2292-
distance: 6,
2293-
formatter: '▼ 预测区',
2293+
position: 'top',
2294+
distance: 4,
2295+
formatter: '预 测',
22942296
color: '#0b0f19',
2295-
fontSize: 12,
2296-
fontWeight: 700,
2297-
backgroundColor: 'rgba(250, 204, 21, 0.92)',
2297+
fontSize: 14,
2298+
fontWeight: 800,
2299+
backgroundColor: 'rgba(250, 204, 21, 0.98)',
22982300
borderRadius: 4,
2299-
padding: [3, 8, 3, 8],
2301+
padding: [4, 14, 4, 14],
2302+
shadowColor: 'rgba(250, 204, 21, 0.5)',
2303+
shadowBlur: 6,
23002304
},
23012305
data: [[{ xAxis: predBoundary }, { xAxis: lastDate }]],
23022306
} : undefined,
23032307
markLine: predBoundary ? {
23042308
silent: true, symbol: 'none',
23052309
data: [{
23062310
xAxis: predBoundary,
2307-
lineStyle: { type: 'dashed', color: 'rgba(250, 204, 21, 0.6)', width: 1.2 },
2311+
lineStyle: { type: 'dashed', color: 'rgba(250, 204, 21, 0.85)', width: 1.5 },
23082312
label: { show: false },
23092313
}],
23102314
} : undefined,

app/static/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -421,6 +421,6 @@ <h3 id="predictModalTitle">预测加载中...</h3>
421421
</div>
422422

423423
<script src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
424-
<script src="/static/app.js?v=20260416f"></script>
424+
<script src="/static/app.js?v=20260417b"></script>
425425
</body>
426426
</html>

0 commit comments

Comments
 (0)