SuperAPI AI 工具集

echarts-chart

数据与分析

查看项目

更新于 10-16 09:17

技能介绍

ECharts 图表生成技能是一个专业的数据可视化技能,根据用户提供的数据,生成可直接运行的 ECharts 图表代码。

【主要能力】 基础图表类型包括:柱状图(bar),用于分类数据对比,如销售对比、市场份额;折线图(line),用于趋势变化,如增长趋势、时间序列;饼图(pie),用于占比分布,如市场份额、成本构成;散点图(scatter),用于相关性分析,如用户分布、价格销量关系;面积图(area),用于累积趋势,如累计销售、市场份额变化。

组合图表包括:柱状图+折线图,展示数值与增速(双Y轴);多系列柱状图,用于多年份数据对比;堆叠柱状图,展示构成变化;多折线图,用于多指标趋势对比。

高级特性包括:双Y轴设计(金额/百分比)、数据标签显示、图例与标题配置、颜色主题定制、响应式布局。

【使用方式】 用户提供数据时支持三种输入格式:一是表格形式,例如年份、金额(百万)、增速三列;二是 JSON 格式,包含 categories 与 series 结构,series 中每项含 name、type、data;三是自然语言描述,例如“帮我画一个柱状图,数据如下:2015年:578.31,增速57.80%”。

生成输出包含:完整 HTML 文件,可直接在浏览器打开;配置项说明,解释关键配置;使用说明,说明如何使用生成的图表。

相关命令:/generate-chart <数据>,根据数据生成 ECharts 图表。

【配色方案】 商业报告配色:['#5470c6', '#ee6666', '#91cc75', '#fac858', '#73c0de'];行业分析配色:['#3ba272', '#fc8452', '#9a60b4', '#ea7ccc', '#5470c6']。

【使用示例】 示例1:双Y轴组合图。用户提出“帮我画一个图表展示近10年市场规模和增速,数据:2015年578.31百万,增速57.80%...”,生成 ECharts 双Y轴组合图代码。 示例2:多系列柱状图。用户提出“画一个柱状图对比2022-2024年各季度销售额,Q1: 100/120/150万,Q2: 150/180/200万...”,生成多系列柱状图代码。

【注意事项】 数据精度方面,金额类数据保留2位小数,百分比保留1位小数;单位标注方面,在坐标轴标题中明确单位;颜色选择方面,商业报告建议使用蓝色系,避免过于鲜艳;标签密度方面,数据点过多时隐藏部分标签;移动适配方面,需考虑移动端显示效果。参考文档包括常用图表模板、配置项说明。