SuperAPI AI 工具集

chart-selector

数据与分析

查看项目

更新于 10-30 07:15

技能介绍

Chart Selector 是一个专注于数据可视化图表选型的方法技能,可增强 dashboard-builder 的可视化设计能力。资料给出的目标智能体有两类:dashboard-builder 负责为数据选择最优图表,kpi-designer 负责确定指标呈现方式。

一、图表选型决策树 技能以提问方式引导选型,核心问题是“想展示什么”:

  1. 比较:项目之间比较用横向或纵向柱状图;时间维度比较用折线图或面积图;部分与整体比较用堆叠柱状图或饼图(5 项及以下)。
  2. 趋势:单一指标用折线图;多指标用多折线(最多 5 条);展示范围用面积图。
  3. 分布:单变量用直方图;分组比较用箱线图;双变量关系用散点图。
  4. 构成:2–5 项用饼图/环形图;6 项及以上用矩形树图;构成随时间变化用 100% 堆叠面积图。
  5. 关系:两个变量用散点图;三个变量用气泡图;矩阵关系用热力图。

二、常见图表详细规则

  • KPI 卡片:用于一眼展示关键指标,适合“单一数值+变化率”,元素包括当前值、同比/环比变化、趋势迷你折线;置于仪表盘顶部,3–6 张最佳,颜色上增长为绿、下降为红(成本类指标反向)。
  • 折线图:表达随时间变化的趋势,适合连续数据与时间序列;最多 5 条线(超出部分高亮主项、其余置灰),Y 轴从 0 开始(比率除外),数据点达到 10 个及以上时隐藏标记,并标注促销、故障等事件。
  • 柱状图:用于项目间比较,适合分类数据;纵向用于时间轴比较(按月、按周),横向用于项目比较(按产品、按地区)且标签可读性更好;按大小排序(时间类除外),同色呈现,仅以强调色高亮。
  • 饼图/环形图:表达部分与整体比例,适合 2–5 个类别;禁止用于 6 项及以上(改用矩形树图或横向柱状图)、比例相近(改用柱状图)以及 3D 饼图;从 12 点方向开始顺时针排列,最大项在前,“其他”项最后。
  • 热力图:在二维矩阵中表达强度,适合时间×类别、相关性矩阵;用单色顺序渐变,双向数据以中心为基准双色发散,并在单元格内显示数值以保证可读。
  • 表格:提供精确数字,适合多度量、详细对比;列可排序,使用条件格式高亮首尾值,可选迷你折线列,10–20 行为佳并分页。

三、配色指南

  • 顺序色(表达大小/强度):由低到高使用蓝系 #F7FBFF → #6BAED6 → #08306B。
  • 发散色(以 0 为中心双向):负值至正值使用 #D73027 → #FFFFBF → #1A9850(红-黄-绿)。
  • 分类色(区分类别):最多 8 色,超出时补充图案或标签;遵循无障碍要求,使用色盲友好调色板(viridis、ColorBrewer)。

四、仪表盘布局原则 遵循 F 型阅读流(从左到右、从上到下);优先级上关键 KPI 置顶、细节置底;相关图表就近分组;图表间保留足够留白;移动端 2 列、桌面端 3–4 列进行响应式布局;交互按“筛选→下钻→详情”的顺序组织。资料还给出布局网格示例:顶部为 4 个 KPI 摘要区,中部为趋势图、比较图、构成图,底部为明细表。

五、使用方式与限制 资料未提供具体的安装命令、调用方式或工具集成说明,暂未提供。该技能为选型与设计方法论,实际使用需结合具体图表库或仪表盘工具。