style(ForecastReport): 盈利预测图表优化
- 预测年份 X 轴金色高亮,预测区域添加背景标记 - Y 轴颜色与对应数据系列匹配 - PEG 改用青色点划线+菱形符号,增加 PEG=1 参考线 - EPS 图添加行业平均参考线 - Tooltip 显示预测标签,智能避让 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -12,16 +12,19 @@ export const THEME = {
|
||||
textSecondary: '#A0AEC0',
|
||||
positive: '#E53E3E',
|
||||
negative: '#10B981',
|
||||
// 预测区域背景色
|
||||
forecastBg: 'rgba(212, 175, 55, 0.08)',
|
||||
};
|
||||
|
||||
// 图表配色方案
|
||||
// 图表配色方案 - 优化对比度
|
||||
export const CHART_COLORS = {
|
||||
income: '#D4AF37', // 收入 - 金色
|
||||
profit: '#F6AD55', // 利润 - 橙金色
|
||||
growth: '#B8860B', // 增长 - 深金色
|
||||
growth: '#10B981', // 增长率 - 翠绿色
|
||||
eps: '#DAA520', // EPS - 金菊色
|
||||
epsAvg: '#4A5568', // EPS行业平均 - 灰色
|
||||
pe: '#D4AF37', // PE - 金色
|
||||
peg: '#CD853F', // PEG - 秘鲁色
|
||||
peg: '#38B2AC', // PEG - 青色(优化对比度)
|
||||
};
|
||||
|
||||
// ECharts 基础配置(黑金主题)
|
||||
@@ -31,11 +34,18 @@ export const BASE_CHART_CONFIG = {
|
||||
color: THEME.text,
|
||||
},
|
||||
tooltip: {
|
||||
backgroundColor: 'rgba(26, 32, 44, 0.95)',
|
||||
backgroundColor: 'rgba(26, 32, 44, 0.98)',
|
||||
borderColor: THEME.goldBorder,
|
||||
borderWidth: 1,
|
||||
padding: [12, 16],
|
||||
textStyle: {
|
||||
color: THEME.text,
|
||||
fontSize: 13,
|
||||
},
|
||||
// 智能避让配置
|
||||
confine: true,
|
||||
appendToBody: true,
|
||||
extraCssText: 'box-shadow: 0 4px 20px rgba(0,0,0,0.3); border-radius: 6px;',
|
||||
},
|
||||
legend: {
|
||||
textStyle: {
|
||||
|
||||
Reference in New Issue
Block a user