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
是真的,根据他们的文档,默认情况下是真的,不管我是否尝试手动设置它都没有运气。
以下是使用这些选项生成的词云示例:
使用 setOptions
功能定义全局 Highcharts 颜色,
设置colorByPoint
为真,
我正在使用 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
是真的,根据他们的文档,默认情况下是真的,不管我是否尝试手动设置它都没有运气。
以下是使用这些选项生成的词云示例:
使用
setOptions
功能定义全局 Highcharts 颜色,设置
colorByPoint
为真,