SuperAPI AI 工具集

echarts-dashboard-patterns

通用与其它

查看项目

更新于 10-15 21:52

技能介绍

用途:在创建、修改或审查 Apache ECharts 仪表盘图表时提供模式化指导,尤其针对时间序列密度、坐标轴标签重叠、图例与网格碰撞、缺失数据语义等常见问题。核心思路是不把 ECharts 选项写成固定数字集合,而是依据真实容器尺寸、数据密度、标签长度、图例位置和缺失数据含义来调整,并以渲染结果验证。

主要能力:区分审查/诊断模式与生成/修改模式,前者只报告有依据的发现、不改文件,后者才应用模式。涵盖时间轴密度(splitNumber 只是提示,配合 hideOverlap)、图例与网格归属(grid.containLabel 只管轴标签,图例需按实际宽度预留空间)、多 Y 轴(明确单位与 series 归属,同侧多轴用 offset)、有意保留的缺失(用 '-' 哨兵值规范化 NaN、空字符串,connectNulls: false)、可读的 series 名称映射、共享选项构建器(仅在重复时抽取,避免浅层 spread 覆盖嵌套对象)、响应式行为(明确 CSS 尺寸、用 ResizeObserver 或等效方式调用 chart.resize())以及验证循环。

使用方式:先确认已安装的 ECharts 版本、现有选项构建器、主题与渲染器;用一句话明确图表要回答的问题和必须展示的 series;准备长标签、最大 series 数、缺失区间等代表性数据;只选取当前问题需要的模式;在目标宽度与最窄支持宽度下实际渲染;有改动时运行相应测试与构建并检查 resize 行为。

适用场景:ECharts 仪表盘图表的开发、评审与问题排查。

限制:资料未提供具体安装命令、版本要求、收费信息或平台支持范围;splitNumber 不保证精确 tick 数,containLabel 不计算外部图例空间,dual-axis 易暗示相关性,测试 fixture 若只有短英文标签会漏掉真实冲突;不应借机扩大范围去替换 BFF、设计系统或图表库。