如何使用Chart.js在散点图中根据Y值动态调整数据点颜色？

本文共计719个文字，预计阅读时间需要3分钟。

在`chart.%3Ca+style%3D%22color%3A`后直接输出结果，例如：

要让散点图中的每个数据点（dot）颜色随其 Y 值动态变化，核心思路是：不使用单一颜色值，而是传入一个长度与数据点数量一致的颜色数组，并确保该数组中每一项的颜色由对应数据对象的 y 值通过条件逻辑计算得出。

Chart.js 会自动将 backgroundColor 数组中的第 i 个颜色应用到 data[i] 对应的点上——这正是实现“值驱动配色”的关键机制。