【问题标题】:Angular Highcharts Wordcloud color arrayAngular Highcharts Wordcloud 颜色数组
【发布时间】:2021-08-18 16:40:25
【问题描述】:

我正在使用 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 为真,根据他们的文档,默认情况下为真,无论我是否尝试手动设置它都没有运气。

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

【问题讨论】:

    标签: angular typescript highcharts word-cloud


    【解决方案1】:
    1. 使用setOptions 功能定义全局 Highcharts 颜色,

    2. 设置colorByPoint为真,

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-06-01
      • 1970-01-01
      • 1970-01-01
      • 2016-11-21
      • 1970-01-01
      • 1970-01-01
      • 2015-06-29
      相关资源
      最近更新 更多