晒单单列柱状图模板

描述

将用户提供的数据（Excel、CSV 或手动输入的表格数据）生成为一张精美的单列柱状图（纵向柱状图），用于晒单、业绩展示、排行榜等场景。支持自定义配色、标题、尺寸等样式参数。

使用场景

用户需要制作"晒单"类柱状图（如 007 七大机制晒单）
用户需要将一组分类数据展示为纵向柱状对比图
用户需要制作业绩排行榜、贡献排行等可视化图表
用户上传 Excel/CSV 数据并要求生成柱状图
用户要求在已有模板基础上修改调整后生成新图

工作流程

第一步：理解用户需求

与用户确认以下信息：

数据来源：用户提供 Excel/CSV 文件，还是手动输入数据？
图表标题：柱状图的标题是什么？（如"007七大机制晒单"）
X 轴（类别）：哪个字段作为类别轴？（如人名、渠道名、产品名等）
Y 轴（数值）：哪个字段作为数值轴？（如业绩金额、订单数等）
是否需要排序：默认按数值从高到低排序（排行榜风格），还是按原始顺序？
样式偏好（可选）：配色方案、背景色、是否有特殊主题需求？

第二步：读取并处理数据

如果用户上传了 Excel/CSV 文件，使用 data-analysis 或脚本读取数据
如果用户手动提供数据，直接使用用户提供的数据
提取所需的 category（类别）和 value（数值）字段

第三步：调用柱状图生成脚本

使用 chart-visualization 技能中的 generate_column_chart 生成图表。

默认参数配置：

{
  "tool": "generate_column_chart",
  "args": {
    "data": [
      { "category": "类别1", "value": 100 },
      { "category": "类别2", "value": 80 },
      { "category": "类别3", "value": 60 }
    ],
    "title": "图表标题",
    "group": false,
    "stack": false,
    "theme": "default",
    "style": {
      "backgroundColor": "#ffffff",
      "palette": ["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A", "#98D8C8", "#F7DC6F", "#BB8FCE"]
    },
    "width": 800,
    "height": 500
  }
}

调用命令：

node /data/user/skills/chart-visualization/scripts/generate.js '<payload_json>'

第四步：返回结果

向用户返回：

生成的柱状图图片
使用的完整 args 参数（方便用户下次在此基础上调整）

第五步（可选）：基于反馈迭代调整

如果用户要求修改，可调整以下参数后重新生成：

style.palette：更换配色方案
title：修改标题
width / height：调整尺寸
style.backgroundColor：更换背景色
style.texture：切换为 rough 手绘风格（default 为标准风格）
theme：切换主题（default / academy / dark）
数据排序方式

模板变体示例

排行榜风格（默认推荐）

按数值从高到低排序
使用渐变或区分度高的配色
标题突出，如"XX 业绩排行榜"

晒单对比风格

适合多组数据对比（如不同渠道、不同成员）
每根柱子用不同颜色区分
标题如"007 七大机制晒单"

深色主题风格

theme 设为 "dark"
配合深色背景的配色方案

注意事项

单列柱状图不使用 group 分组（group 设为 false）
不使用堆叠（stack 设为 false）
当类别较多（超过 12 个）时，建议取 Top-N 或进行聚合
图表宽度建议 800-1200px，高度建议 400-600px，确保可读性
中文字符在图表中需要确保字体支持，推荐使用系统默认字体

示例

输入示例

用户说："帮我做一个007七大机制晒单柱状图，数据如下：

机制A: 350
机制B: 280
机制C: 220
机制D: 190
机制E: 150
机制F: 120
机制G: 90"

对应参数

{
  "tool": "generate_column_chart",
  "args": {
    "data": [
      { "category": "机制A", "value": 350 },
      { "category": "机制B", "value": 280 },
      { "category": "机制C", "value": 220 },
      { "category": "机制D", "value": 190 },
      { "category": "机制E", "value": 150 },
      { "category": "机制F", "value": 120 },
      { "category": "机制G", "value": 90 }
    ],
    "title": "007七大机制晒单",
    "group": false,
    "stack": false,
    "style": {
      "palette": ["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A", "#98D8C8", "#F7DC6F", "#BB8FCE"]
    },
    "width": 800,
    "height": 500
  }
}

输出

生成一张纵向柱状图图片，各柱子从左到右按数据顺序排列，每根柱子使用不同颜色，顶部显示图表标题。