Angular Highcharts Wordcloud 颜色数组

Angular Highcharts Wordcloud color array

我正在使用 Angular Highcharts 9.1.0,我正在尝试生成使用特定颜色的词云。由于某种原因,数组中的颜色未应用,请参见下文:

this.options = {
   series: [{
      type: 'wordcloud',
      data,
      name: 'Occurrences',
      minFontSize: 12,
      maxFontSize: 42,
      colors: [ 'red', 'green', 'blue']
   }]
};

我也尝试过十六进制颜色。我找到了一种方法,但我不喜欢它。我可以使用样式模式调整 CSS 属性,但它似乎生成 10 个不同的 类 (.highcharts-color-X,其中 X 为 0-9),我必须相应地调整颜色不是很喜欢,因为我无法控制哪些词得到什么颜色,有时感觉所有的词都有相同的颜色,而且感觉不是很随机。我希望理想情况下让 highcharts 处理它,但上面的代码似乎不起作用。从文档中,我需要确保 colorByPoint 是真的,根据他们的文档,默认情况下是真的,不管我是否尝试手动设置它都没有运气。

以下是使用这些选项生成的词云示例:

  1. 使用 setOptions 功能定义全局 Highcharts 颜色,

  2. 设置colorByPoint为真,

演示:https://jsfiddle.net/BlackLabel/3mnjx79w/