Chart.js 系列课程
第 8 课:多数据集对比
在同一张图中放入多个 dataset,比对不同对象在同一组标签下的表现。
本课你会学到什么
多数据集对比的关键是:同一个 labels,共享多个 dataset。
这是做“多个班级、多个年份、多个产品组”对比时最常见的写法。
本课会用 grouped bar(并列柱形图)做演示。
图表示例
多数据集并列柱形图
把多个对象放在同一组标签下比较,是最常见的数据分析图。
如何自定义成你自己的图表
增加对比对象时,不要改 labels,而是继续往
datasets
里添加对象。
每个 dataset 都可以有自己的
label
、
data
和颜色。
如果你想比较“同一批月份下的三条产品线”,这种写法最合适。
如果你想把它们堆起来而不是并列展示,请看第 13 课。
课后练习建议
增加第三组数据,例如“高三(3)班”。
把颜色改成你项目的品牌色。
把图例放到底部,观察布局变化。
课程导航
上一课
返回首页
下一课