4
votes

I want to change style of selected points. When i select point it is gray. I want all my selected point to be red.

1
What have you tried? Also provide some kind of example (code, jsFiddle, ...).Styxxy

1 Answers

20
votes

You set the style for the markers.state.select as:

    plotOptions: {
        series: {
            allowPointSelect: true,
            marker: {
                states: {
                    select: {
                        fillColor: 'red',
                        lineWidth: 0
                    }
                }
            }
        }
    }

Example: http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-states-select-fillcolor/

Reference: http://www.highcharts.com/ref/#plotOptions-scatter-marker-states-select

Update: For barcharts the configuration should be slightly different (don't know why really):

plotOptions: {
    series: {
        allowPointSelect: true,
        states: {
            select: {
                color: 'red'
            }
        }
    }
}

Example: http://jsfiddle.net/8truG/