Financial Charts Skill#

用途#

根据用户的财务数据和要求，生成精美的HTML图表页面。

输入#

• 财务数据（数组或对象）
• 图表类型（折线图、饼图、柱状图、散点图、K线图等）
• 用户的个性化要求（颜色偏好、主题风格等，可选）

输出#

生成单个HTML文件，包含：

• ECharts图表
• 自适应UI美化（根据数据特点和用户偏好）
• 响应式设计

使用方法#

1. 收集用户提供的财务数据和要求
2. 分析数据特征，确定最佳图表类型和配色
3. 生成单HTML文件
4. 使用 open HTML文件路径 命令打开

图表生成规则#

配色方案#

• 默认专业金融风格：深色背景 + 渐变配色
• 上涨数据：绿色系 (#52c41a, #73d13d)
• 下跌数据：红色系 (#ff4d4f, #ff7875)
• 辅助色：蓝色 (#1890ff)、金色 (#faad14)、紫色 (#722ed1)

图表类型选择#

• 趋势分析：折线图
• 构成分析：饼图
• 比较分析：柱状图
• 关系分析：散点图
• 金融数据：K线图

UI美化要点#

• 标题使用渐变色或金属质感
• 数据点添加发光效果
• 动画过渡流畅自然
• 背景使用深色渐变或网格纹理
• 工具提示框精美设计