垂直柱形图
先用最常见的垂直柱形图展示每个月的销量。
本课你会学到什么
- 柱形图最适合做分类比较，例如月份销量、班级成绩、功能使用次数。
- 你会学到单色柱形图、分色柱形图，以及如何用
indexAxis: "y"变成水平柱形图。 - 理解
backgroundColor、borderColor、borderWidth、beginAtZero的作用。
图表示例
水平柱形图
把 indexAxis 改成 y，就能变成水平柱形图。
如何自定义成你自己的图表
- 想修改柱子名称时，改
labels；想修改柱子高度时，改data。 - 想每根柱子显示不同颜色时，把
backgroundColor从单个字符串改成数组。 - 想做水平柱形图时，在
options里加入indexAxis: "y"。 - 如果你要比较多组数据，不要复制很多张图，而是进入第 8 课学习多数据集。
课后练习建议
- 把销量数据改成你自己的业务数据，例如访客数或订单数。
- 把垂直柱形图改成不同颜色的版本。
- 把水平柱形图的标签改成产品名称，看是否比月份更适合横向展示。