SuperAPI AI 工具集

chartjs-axes

数据与分析

查看项目

更新于 10-16 05:44

技能介绍

用途:面向 Chart.js(v4.5.1)图表开发,指导配置 axes、scales、ticks 与 grid lines。技能触发于用户询问 Chart.js 坐标轴、刻度、x/y 轴、时间轴等场景。

主要能力:支持笛卡尔轴(category、linear、logarithmic、time、timeseries)与径向轴(radialLinear)。可设置轴类型、位置、显示、标题;线性刻度支持 min/max、suggestedMin/Max、beginAtZero、grace、stepSize、count、precision;分类刻度支持 labels、offset、autoSkip、旋转;时间刻度需日期适配器,支持 unit、displayFormats、tooltipFormat、parser,数据可用 ISO 字符串、Date 对象、时间戳或 {x,y} 对象;对数刻度要求 min>0。另支持双 Y 轴、多 X 轴、堆叠轴与分组堆叠、轴标题样式、刻度回调格式化(货币、百分比、缩写、日期)、网格线与轴边框样式(颜色、线宽、虚线、z-index、drawOnChartArea)、径向轴 angleLines、pointLabels 等,并可通过 Chart.defaults 设置全局默认值。

使用方式:在 options.scales 下按轴 ID 配置,如 x/y;时间轴需先安装适配器,例如 npm install chartjs-adapter-date-fns date-fns 或 npm install chartjs-adapter-moment moment 或 npm install chartjs-adapter-luxon luxon,并 import 'chartjs-adapter-date-fns';。多轴需在数据集的 yAxisID 指定对应轴。

适用场景:各类折线、柱状、雷达、极区图的坐标轴与刻度定制。

限制:时间轴依赖日期适配器;对数刻度 min 必须大于 0;具体版本兼容与更多高级自定义可参考其 references 与 examples 文档。