Highcharts:如何在多系列图表中按数据集设置每列,每个系列的颜色?

时间:2018-11-06 21:43:42

标签: javascript typescript highcharts

由于我的代码位于@types文件中,因此我正在使用.ts

我有一个使用列和线系列的图表。我的数据返回需要发送到图表的颜色代码。如何应用此方法,以便使每一列都有我为数据设置的特定颜色?

例如,某些列将为红色,而其余列为蓝色。红色表示注意该条等。折线图颜色需要保持默认值,或我想要的任何颜色。使用plotOptions.column.colorByPoint = true然后添加到colors:{}数组中,将它们全局设置,这会影响折线图。

仅当您要为整个系列使用一种颜色并且仅接受chart.series:[],而不接受任何类型的数组时,才可以在string中进行设置。

参考文献似乎暗示您可以在colors:{}中使用chart.series:[],但尝试时出现以下错误:

Object literal may only specify known properties, 
  but 'colors' does not exist in type 'IndividualSeriesOptions'. 
  Did you mean to write 'color'?

我似乎已经用尽所有的运气寻找超级可定制的选项。我们以前使用过Logi,这是为我们SOMEHOW

1 个答案:

答案 0 :(得分:0)

我遇到的主要问题是由于public class PlotData { public DateTime DateTime { get; set; } public int Value { get; set; } } 。它已经过时了,从Highcharts v7开始,这将不再是问题。

同时,正在寻找更好打字方式的人们可以访问this beta typing declaration。对于有关如何使用新的@types/highcharts声明的一些问题,here正在进行一些问答。