学习方式建议
推荐顺序：先学 001 ~ 008 掌握常见图表类型，再学 009 ~ 014 理解样式、坐标轴、交互与组合图，最后用 015 实战案例把知识串起来。
- 先运行，再修改：每一课都能直接打开并看到结果。
- 优先练这四处：
type、labels、datasets、options。 - 每个参数都有中文注释，边学边照着注释改。
- 遇到忘记的参数？查阅 📋 Chart.js 参数速查表，按类别列出所有常用参数、取值范围与默认值。
15 课完整目录
LESSON 01
第 1 课：认识 Chart.js
先跑通一个最小可运行示例，理解 Chart.js 最核心的 4 个部分：type、data、options 与 new Chart(...)。
LESSON 02
第 2 课：基础柱形图
学习柱形图最常见的配置：标签、数据、颜色、边框，以及如何切换为水平柱形图。
LESSON 03
第 3 课：折线图
用折线图表达趋势，并掌握 tension、fill、pointRadius 等常见参数。
LESSON 04
第 4 课：饼图与环形图
学习 pie 与 doughnut 两种占比类图表，以及它们适合什么场景。
LESSON 05
第 5 课：雷达图
用雷达图比较多个维度的数据，例如技能、能力、指标完成度。
LESSON 06
第 6 课：极地区域图
认识 polarArea 图表，它适合展示不同类别的强弱与占比感。
LESSON 07
第 7 课：散点图与气泡图
学习如何用 x/y 坐标表示二维关系，以及如何用 r 表示第三维大小。
LESSON 08
第 8 课：多数据集对比
在同一张图中放入多个 dataset，比对不同对象在同一组标签下的表现。
LESSON 09
第 9 课：图表样式美化
学习如何美化图表，包括圆角、透明度、线条粗细、点样式和配色。
LESSON 10
第 10 课：坐标轴与刻度
掌握 scales 配置，控制坐标轴标题、刻度、网格线与最值范围。
LESSON 11
第 11 课：标题、图例与提示框
理解 plugins 区域中 title、legend、tooltip 的作用与常见改法。
LESSON 12
第 12 课：响应式布局
让图表跟着容器自适应，并理解 responsive 与 maintainAspectRatio。
LESSON 13
第 13 课：堆叠图与组合图
学习 stacked bar 与 bar + line 组合图，适合做综合对比图。
LESSON 14
第 14 课：数据更新与动态图
点击按钮后动态更新图表数据，理解为什么更新后要调用 chart.update()。
LESSON 15
第 15 课：实战案例
把前面学过的图表知识拼起来，做一个简单的业务看板页面。
这个系列会覆盖什么
基础图表8 类
柱形图、折线图、饼图、环形图、雷达图、极地区域图、散点图、气泡图
配置重点options
坐标轴、刻度、标题、图例、提示框、响应式布局
进阶能力动态更新
堆叠图、组合图、按钮切换数据、业务看板