在HighCharts中,如何根据相应数组中的值为数组中的每个绘制点生成颜色?

时间:2017-01-11 14:09:04

标签: arrays plot highcharts colors point

例如,我想要绘制的数组是[3,4,6,4,2,1,2],相应的颜色数组是[1,2,1,3,2,2,2]其中1 =红色,2 =蓝色,3 =绿色等。我可以将数组更改为['红色','蓝色'红色' ......]如果有帮助的话。

有没有办法使用数组以正确的颜色显示点?

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

您可以将点指定为数组或对象,并将正确的颜色与该点相关联。

使用数组和series.keys属性:

series: [{
        type: 'scatter',
        keys: ['y', 'color'],
        data: [[3, 'red'],[4, 'blue'],[6, 'red'], [4, 'green'],[2, 'blue'],[1, 'blue'],[2, 'blue']]
    }],

示例:http://jsfiddle.net/8u3q6omm/

对象:

 series: [{
        type: 'scatter',
        data: [{y: 3, color: 'red'},{y: 4, color: 'blue'},{y: 6, color: 'red'}, {y: 4, color: 'green'},{y: 2, color: 'blue'},{y: 1, color: 'blue'},{y: 2, color: 'blue'}]
    }],

示例:http://jsfiddle.net/8u3q6omm/1/

如果您有值和颜色的任何模式,您可以编写一个用于关联颜色的函数或使用Highcharts zones