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:
@@ -127,7 +127,10 @@ export const getComparisonChartOption = (
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
data: ['营业收入', '净利润'],
|
data: [
|
||||||
|
{ name: '营业收入', itemStyle: { color: '#EF4444' } },
|
||||||
|
{ name: '净利润', itemStyle: { color: fui.gold } },
|
||||||
|
],
|
||||||
bottom: 0,
|
bottom: 0,
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#A0AEC0',
|
color: '#A0AEC0',
|
||||||
|
|||||||
@@ -129,22 +129,24 @@ export const DETAIL_TABLE_STYLES = `
|
|||||||
background: #242d3d !important;
|
background: #242d3d !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 指标标签样式 */
|
/* 指标标签样式 - 统一字体字号和粗细 */
|
||||||
.forecast-detail-table .metric-tag {
|
.forecast-detail-table .metric-tag {
|
||||||
background: rgba(212, 175, 55, 0.15);
|
background: rgba(212, 175, 55, 0.15);
|
||||||
border-color: rgba(212, 175, 55, 0.3);
|
border-color: rgba(212, 175, 55, 0.3);
|
||||||
color: #D4AF37;
|
color: #D4AF37;
|
||||||
|
font-size: 13px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 重要指标行高亮 */
|
/* 重要指标行高亮 - 保持字体字号一致,仅背景色区分 */
|
||||||
.forecast-detail-table .important-row {
|
.forecast-detail-table .important-row {
|
||||||
background: rgba(212, 175, 55, 0.06) !important;
|
background: rgba(212, 175, 55, 0.06) !important;
|
||||||
}
|
}
|
||||||
.forecast-detail-table .important-row .metric-tag {
|
.forecast-detail-table .important-row .metric-tag {
|
||||||
background: rgba(212, 175, 55, 0.25);
|
background: rgba(212, 175, 55, 0.25);
|
||||||
color: #FFD700;
|
color: #FFD700;
|
||||||
font-weight: 600;
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 斑马纹 - 奇数行 */
|
/* 斑马纹 - 奇数行 */
|
||||||
|
|||||||
Reference in New Issue
Block a user