财务图表制作展示 Financial Charts

Other

根据财务数据生成精美的ECharts HTML图表页面,支持折线图、饼图、柱状图、K线图等

Install

openclaw skills install financial-charts

Financial Charts Skill

用途

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

输入

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

输出

生成单个HTML文件,包含:

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

使用方法

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

图表生成规则

配色方案

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

图表类型选择

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

UI美化要点

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