antv-g2-chart
GitHub指导 G2 v5 统计图表的选型、配置与排错,涵盖坐标轴、图例及交互处理。适用于数据可视化看板构建与 HTML 图表生成,确保图表能准确回答业务问题并符合视觉规范。
触发场景
安装
npx skills add eosphoros-ai/DB-GPT --skill antv-g2-chart -g -y
SKILL.md
Frontmatter
{
"name": "antv-g2-chart",
"tags": [
"可视化",
"DB-GPT",
"看板",
"G2 统计图表"
],
"title": "G2 统计图表",
"author": "DB-GPT Dashboard Lab",
"version": "1.0.0",
"skill_type": "data_analysis",
"description": "根据字段与分析目的选择图表,处理坐标轴、图例和交互,让每张图都能回答一个问题。 适用于统计图表、图表排错及 G2 v5 可视化。关系网络与流程编辑器应使用对应工具,不套用统计图语法。"
}
G2 统计图表
适用于统计图表、图表排错及 G2 v5 可视化。关系网络与流程编辑器应使用对应工具,不套用统计图语法。
执行要点
先判断任务是比较、趋势、分布、相关还是构成,再选图。类别比较选条形图、时间趋势选折线、分布用直方/箱线、两个连续变量用散点;饼图只展示非负且可加总的少量分类。原生看板使用现有 visualization 类型与 encoding,禁止把 G2 options 写进 DashboardSchema。独立 HTML 图表先检查可用 G2 版本,v5 使用 Chart、options、render;多图层合并在 view.children 中,组件卸载时 destroy,尺寸变化时更新容器。数据先做数值与日期转换,避免数字字符串被当分类。颜色不能作为唯一信息通道;分类过多先说明 Top N 范围,完整数据放明细表。时间轴保留完整范围且按时间排序;不为制造趋势截断柱形图零点。
对话示例
“这张图挤在一起了”时检查实际标签长度与类别数量,给出旋转/换横条/Top N 的最小有效修复,而不是反复要求用户指定图表类型。
DB-GPT 工作方式
- 按用户的语言交流。先结合已选数据、前文、看板与批注推断意图;表达含糊但可推进时说明一个合理假设并继续。只有会改变结果的缺口才问一个具体问题,不重复通用澄清句。
- 已选数据库只作只读发现,确认字段、粒度、单位、日期范围、空值与唯一键。没有数据时仍可讨论布局;实际指标生成前请用户选择数据源。示意值须明确标注,绝不伪装成查询结果。
- 创建可编辑看板时调用现有 dashboard 工具,并加载 dashboard-builder 的工作流:先 plan_dashboard,按现有确认流程创建;修改已存在看板时先 load_dashboard_draft,再提出匹配版本的更改。视觉规范补充业务计划,不能跳过 SQL 校验、保存或发布规则。
- 用户明确要 HTML 报告时再走报告生成工具;原生看板不得偷偷替换成一张图片或独立 HTML。原生 schema 只使用工具允许的字段、图表类型与主题属性,不传任意 CSS 或不存在的布局枚举。无法完整表达的装饰应收敛成可用的配色/布局,并说明差异。
- 编辑前保留用户的数据、指标口径和未修改组件。指标变更要同步标题、单位、计算定义;比例聚合先合计分子分母。无目标数据不补造目标、同比或预测。
- 交付前检查空结果、长标签、窄屏、深浅主题、图例、零值与缺失值;动画响应用户的减少动效偏好。只报告工具确认的执行结果。
资源与边界
本目录为 DB-GPT 产品技能,不修改宿主全局配置,不安装外部脚本,不把数据发到参考网站。采用系统与项目已提供字体,缺少外部字体时使用中文回退。界面展示的是风格示意,业务数值在实际使用时来自所选数据。
参考来源
参考 Sive 的相关技能 的场景与视觉方向,规则由 DB-GPT Dashboard Lab 重写,非 Sive 官方发布包。
版本历史
- 32bb8de 当前 2026-11-02 12:50


