javascript - 根据值设置 Highcharts 系列条的颜色

Question

我有this plunker我在哪里玩 Highcharts。我想知道是否可以根据条形图的值设置条形图的颜色。现在我有 5 个条在 0 到 100 之间变化，我希望条的颜色反射(reflect)它们所在的数字范围。喜欢

0 < x < 25是中性色

25 < x < 50是黄色的

50 < x < 75是橙色的

75 < x < 100是红色的

我熟悉 api 中的系列方法，但我真的看不到任何关于改变系列颜色的内容。我以前使用图表 js 完成此操作，但我正在尝试使用 highcharts，因为它使用得更多。

Answer 1

在你随机化数据集后，我把它放在你的 plunker 链接中，在间隔的底部，它改变了线条颜色

$scope.chart.series[0].update({color: "red"} );

老实说，为什么不编写一个在间隔开始时触发的函数来生成数字和基于数字的关联颜色，然后相应地设置数字和颜色。使用对象数组或其他东西。

我把这个函数留给你做练习。