Highcharts: выделенная кнопка / активная кнопка

Question

Диаграмма имеет кнопки Linear и Logarithmi c. Как получить тот, который активен, чтобы быть выделенным? Код ниже меняет цвет только при наведении.

https://jsfiddle.net/stgk1mrx/

 navigation: {
        buttonOptions: {
            theme: {
                states: {
                    hover: {
                        fill: '#00f'
                    },
                    select: {
                        fill: '#f00'
                    }
                }
            }
        }

Answer 1

myButton: {
                symbol: 'circle',
                symbolStrokeWidth: 1,
                symbolFill: '#bada55',
                symbolStroke: '#330033',


                onclick: function() {
                    // Something happens here
                    var self = this.exportSVGElements[2]; // 0-1 is first button, 2-3 is second button etc.
                    self.setState(2);
                    console.log('clicked!');
                },

                theme: {
                    states: {
                        hover: {
                            fill: '#FF0000'
                        },
                        select: {
                            fill: '#0000FF'
                        }
                    }    
                },

http://jsfiddle.net/yTRxZ/5/

Установив состояние выбора, вы измените цвет после нажатия на кнопку. Вам также нужно вызвать setState () для этой кнопки. Взгляните на пример