How to change selected point styles in Highcharts?

0
votes

How to change style of selected point in Highcharts? I would like to give it different color filling inside other than white.

Selected point

 var chart = $('#container').highcharts();
 chart.series[0].data[1].select()

Demo: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/point-select/

1
highcharts
I guess the following post answers your question: stackoverflow.com/questions/11193658/… – cubbuk
It works great for line chart but how about column chart? – Mateusz Nowak
you can checkout here,jsfiddle.net/cpxmzju3/9 – cubbuk

1 Answers

1
votes

Use the states option for the marker.

marker: {
                states: {
                    hover: {
                        fillColor: 'red',
                        lineWidth: 0
                    },
                    select: {
                    color: 'red',
                        fillColor: 'green'
                }
                }
            }

http://jsfiddle.net/cpxmzju3/10/