fix: 修复图表图例颜色不一致和统一表格关键指标字体

- chartOptions.ts: 修复营收与利润趋势图表图例颜色与柱子颜色不对应问题
- constants.ts: 统一详细数据表格左侧关键指标的字体字号(13px)和粗细(500)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-26 18:40:27 +08:00
parent 20e14b496b
commit 1a6d359bb7
2 changed files with 9 additions and 4 deletions

View File

@@ -127,7 +127,10 @@ export const getComparisonChartOption = (
},
},
legend: {
data: ['营业收入', '净利润'],
data: [
{ name: '营业收入', itemStyle: { color: '#EF4444' } },
{ name: '净利润', itemStyle: { color: fui.gold } },
],
bottom: 0,
textStyle: {
color: '#A0AEC0',

View File

@@ -129,22 +129,24 @@ export const DETAIL_TABLE_STYLES = `
background: #242d3d !important;
}
/* 指标标签样式 */
/* 指标标签样式 - 统一字体字号和粗细 */
.forecast-detail-table .metric-tag {
background: rgba(212, 175, 55, 0.15);
border-color: rgba(212, 175, 55, 0.3);
color: #D4AF37;
font-size: 13px;
font-weight: 500;
}
/* 重要指标行高亮 */
/* 重要指标行高亮 - 保持字体字号一致,仅背景色区分 */
.forecast-detail-table .important-row {
background: rgba(212, 175, 55, 0.06) !important;
}
.forecast-detail-table .important-row .metric-tag {
background: rgba(212, 175, 55, 0.25);
color: #FFD700;
font-weight: 600;
font-size: 13px;
font-weight: 500;
}
/* 斑马纹 - 奇数行 */