[笔记] Chart.js 长条图 最大值用特别颜色表示

章节连结

前端图表的军火库 Chart.js,虽说可以满足大部分的图表需求,但还是有一些客制化的案件会发生。这回遇上的情况是要在长条图中,将最大值另外标示成其他颜色。以下为笔记解决的步骤,其实意料之外的简单。
chart ruler pencil


思路逻辑

1. 先将每一笔的 data 阵列资料,分别对应“基本颜色”阵列资料
2. 找出 data 阵列中的最大值,并回传其 index 位置,将新颜色输入颜色阵列
3. 开始作图

程式码


参考资料

Chart.js changing the color of the max value bar


按赞加入粉丝团

延伸阅读