如何根据数据在 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 看看它是如何工作的。
我想要构建一个折线图,并将高于某个值的所有点标记为红色,将所有低于该值的点标记为蓝色。我尝试使用 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 看看它是如何工作的。