Chart.js 系列课程

第 15 课:实战案例

把前面学过的图表知识拼起来,做一个简单的业务看板页面。

本课你会学到什么

图表示例

渠道线索来源

用柱形图比较各渠道带来的线索量。

近 7 天成交趋势

用折线图看趋势和波动。

客户类型占比

用环形图看整体构成。

如何自定义成你自己的图表

课后练习建议

  1. 把卡片数据改成你自己的业务指标。
  2. 把其中一张图替换成雷达图或散点图,看是否更适合你的场景。
  3. 尝试给看板增加一个日期筛选器,配合第 14 课的 update 思路。

课程导航