Highchart数据系列充满了不同的颜色(Highchart data series filled

2019-09-19 07:12发布

我需要弄清楚如何在Highcharts不同的颜色一样的颜色数据系列点。举例来说，假设我有好几天的数据系列，我想有一个线图。在此行的具体日期应区分（也许一些颜色着色）。

Answer 1:

尝试使用fillColor属性：

{
    name: 'xyz',
    x: 123,
    y: 456,
    fillColor: '#00FF00'
}

Answer 2:

在你的数据，你可以指定特定点的颜色：

data: [{
    name: 'Point 1',
    color: '#00FF00',
    y: 0
}, {
    name: 'Point 2',
    color: '#FF00FF',
    y: 5
}]

对于线图，用“填充颜色”，如下面的答案解释。

在的jsfiddle示例，请参见http://jsfiddle.net/xqWp5/1/

Answer 3:

是的，你可以只使用plotOptions.area.zones：

https://api.highcharts.com/highcharts/plotOptions.area.zones

看到的例子：

plotOptions: {
    series: {
        zoneAxis: "x",
        zones: [{
            value: 0,
            className: 'zone-0'
        }, {
            value: 10,
            className: 'zone-1'
        }, {
            className: 'zone-2'
        }],
        threshold: -10
    }
},

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/color-zones/

随着zoneAxis: "x" ，你可以指定哪些轴使用来区分你的型动物的颜色。