如何为带有动态日期的图表绘制动态颜色？

Question

我不知道该怎么做...因为所有这些，我只能用固定的颜色制作高图...例如A颜色#FFFFFF B颜色＃000000。

现在，我有一个动态日期为最近30天的数据，随着新日期的到来，这30天会发生变化。例如，从今天开始的过去30天与从明天开始的过去30天不同。

所以我想要的是每天动态地具有不同的颜色...例如第1天=红色，第2天=黄色，等等.....如何在图表中完成？

Answer 1

您可以在接收数据后动态设置颜色：

var data = [...],
  colors = [...];

return data.map((el, i) => ({
  y: el,
  color: colors[i]
}));

实时演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4925/

API参考： https://api.highcharts.com/highcharts/series.column.data.color