业务数据图表配置与样式生成

问题：手写 Chart.js 配置易踩的隐性坑

在工程实践中，手写 Chart.js 配置常面临三类隐性问题：一是数据集键名、轴类型、图例格式等参数易出现疏漏，导致渲染报错或数据误读；二是样式调整需要修改多段重复配置，改动成本高；三是输出结果缺少统一校验，问题往往在上线前才暴露。

技能如何工作

该技能围绕 Chart.js 配置生成与校验展开，核心能力包括：

• 结构化输入解析：接收图表类型、数据字段、样式偏好等需求，拆解为配置生成的关键参数；
• 配置代码生成：按行业最佳实践生成 options、scales、plugins 等节点的配置代码，覆盖折线、柱状、饼图等常见图表类型；
• 输出校验：检查配置参数完整性、字段合法性，输出校验结果与优化建议。

关键步骤分为三步：首先接收用户的图表需求描述，其次基于最佳实践生成生产级配置代码，最后对配置进行标准化校验并反馈结果。

适用边界与注意点

• 环境依赖：需提前配置好 Chart.js 相关开发环境，安装必要的依赖包，否则会出现工具找不到的报错；
• 配置范围：仅针对 Chart.js 配置生成与校验，不涉及数据预处理、后端接口对接等环节；
• 权限要求：生成配置时需具备对应的工具访问权限，权限不足会导致配置生成失败。