javascript - Highchart data series filled with different colors

Question

I need to figure out how to color the same data series points with different colors in Highcharts. For example, let's say I have a data series for several days and I would like to have a line graph. In this line specific days should be distinguish (maybe colored by some color).

Answer 1

データでは、特定のポイントの色を指定できます。

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

折れ線グラフの場合は、以下の回答で説明されているように、「塗りつぶしの色」を使用します。

jsFiddleの例については、http：//jsfiddle.net/xqWp5/1/を参照してください。

Answer 2

fillColorプロパティを使用してみてください：

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

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"と、さまざまな色を区別するために使用する軸を指定できます。

Answer 4

あなたは部分的に色付きの線を持ちたいです、あなたは色と同じくらい多くのシリーズを持っている必要があります。言い換えれば、各色は定義された色を持つ別々のシリーズでなければなりません。