如何根据数据在 ng2-charts 和 chart.js 中自定义颜色?

How to have custom colors in ng2-charts and chart.js according to data?

我想要构建一个折线图,并将高于某个值的所有点标记为红色,将所有低于该值的点标记为蓝色。我尝试使用 ngx-chart 这样做,但没有用。我如何使用 ng2-charts 做到这一点?这可能吗?任何帮助将不胜感激。

您可以按如下方式定义选项pointBackgroundColor on the dataset as an array of colors for each point. To do so, you could use Array.map()

pointBackgroundColor: this.data.map(v => v > 60 ? "red" : "blue"),
 

这基本上为大于 60 的值绘制红色点,否则为蓝色点。

请看看这个 CodeSandbox 看看它是如何工作的。