Skip to content Skip to sidebar Skip to footer

Highstock/Highchart Cannot Set Individual Point Color

I am working on Highstock, I am trying to set a color to a specific point in 'data' in Highstock, like in the example, but I couldn't get it to work, no matter how I set the color,

Solution 1:

If you look to your demo you'll see that using color it sets the tooltip color and not the marker.

To fix it use marker fillColor instead, like the following.

data: [
    {x: 1343862840000, y: 4, marker:{ fillColor: 'red'} },
    {x:1343863200000, y:5, marker:{ fillColor: 'green'}}
]

demo

Update:
It works on highstock see this demo.
You have to init it using the right object.
Use Chart instead of StockChart.

reference


Solution 2:

Highstock has point markers disabled by default. You will need to enable them explicitly as follows:

plotOptions: {
    series: {
        marker: {
            enabled: true    
        }
    }
},

See more at http://api.highcharts.com/highstock/plotOptions.series.marker


Post a Comment for "Highstock/Highchart Cannot Set Individual Point Color"