График Highcharts: всплывающая подсказка при наведении курсора на метку

Можем ли мы показать на графике Highcharts всплывающую подсказку при наведении указателя мыши на метку, отличную от отображаемой при наведении указателя мыши на столбцы (точку)?

спасибо Чанан


label highcharts tooltip mouseover
person Chanan Berler    schedule 10.03.2013    source источник
comment
Метка при наведении курсора, вы имеете в виду на оси или в другом объекте?   -  person Sebastian Bochan    schedule 11.03.2013

Ответы (1)


arrow_upward
0
arrow_downward

Мне удалось добиться этого - вам нужно сделать два шага:
1.) Для xAxis или yXis установите параметры меток; свойство «formatter» должно включать атрибут заголовка html. Используйте функцию для динамических выходов. Убедитесь, что для свойства useHTML установлено значение true. например:

            useHTML: true,
            formatter: function () {                                                                                    
            return '<div class="label_tip" style="font-size:12px; font-weight:500;" title="'+this.value+'">'+this.value+'</div>'; }


2.) Используйте любую библиотеку всплывающих подсказок, чтобы преобразовать заголовки во всплывающую подсказку. Это должно запускаться в событии загрузки или перерисовки Highcharts.

В этом примере я использую qTips для создания всплывающих подсказок для ярлыков — http://jsfiddle.net/amichaels/quXLg/

person Anthony Michaels    schedule 01.08.2013