关于 chartjs
该技能指导使用 Chart.js 实现图表，适合需要常见响应式图表和少量配置的小型项目，也涵盖 React 用法、自定义和性能建议。
主要功能
- 01折线、柱状、饼图、环形图和雷达图
- 02响应式图表容器
- 03React 用法指南
- 04自定义颜色和缩放插件
- 05性能建议
适用场景
- 01为小型项目添加常见图表
- 02构建适配移动布局的响应式图表
- 03配置多数据集折线图
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/chartjs确认已加载。
详细介绍
Chartjs
何时使用此技能
在以下情况下使用 Chart.js：
- 快速实现 - 几分钟内即可运行
- 简单图表 - 折线图、柱状图、饼图、圆环图和雷达图
- 最少配置 - 开箱即用的合理默认设置
- 小型项目 - 轻量级库（压缩后 60KB）
- 响应式图表 - 默认适配移动设备
- 无依赖项 - 独立库
以下情况不建议使用：
- 需要复杂的自定义配置（使用 D3.js）
- 需要 3D 图表（使用 Plotly）
- 需要高级科学可视化（使用 Plotly）
- 数据集较大，超过 10k 个数据点（使用支持 WebGL 的 Plotly）
资源
- 官方文档：https://www.chartjs.org/docs/latest/
- 示例：https://www.chartjs.org/docs/latest/samples/
- GitHub：https://github.com/chartjs/Chart.js
- 社区：https://github.com/chartjs/awesome
子技能
子技能
评论
支持 Markdown