【问题标题】:Highcharts: How to set colors per column, per series, with a data set, in a multi series chart?Highcharts:如何在多系列图表中使用数据集设置每列、每个系列的颜色?
【发布时间】:2018-11-06 21:43:42
【问题描述】:

我正在使用@types,因为我的代码在.ts 文件中。

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

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

将它们设置在 chart.series:[] 中仅在您希望整个系列使用一种颜色并且只接受 string 而不是任何类型的数组时才有效。

该引用似乎暗示您可以在chart.series:[] 中使用colors:{},但我在尝试时收到以下错误:

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

我似乎已经用尽了所有的运气来寻找一个超级可定制的选项。我们以前使用过 Logi,它以某种方式为我们做到了这一点

【问题讨论】:

  • 我只是尝试fiddle,一切正常。我认为问题出在图书馆。
  • 哇。你是对的。我猜@types 不是最新的......谢谢一百万@Core972

标签: javascript typescript highcharts


【解决方案1】:

我遇到的主要问题是因为@types/highcharts。它已经过时了,从 Highcharts v7 开始,这将不再是问题。

同时,寻找更好打字的人可以访问this beta typing declaration。关于如何使用新的interface 声明的一些问题,here 正在进行一些 Q/A。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-16
    • 1970-01-01
    • 2011-12-05
    相关资源
    最近更新 更多