Highcharts.js: получить конкретное значение из данных во всплывающую подсказку

Я хочу создать кольцевую диаграмму Highcharts на основе этой. Только то, что мои данные будут выглядеть примерно так:

data: [
                {y:40, color: colors[0], name: 'yoyo'},
                {y:0, color: colors[1],  name: 'dada'},
                {y:60, color: colors[2],  name: 'sasa'}
            ]

Теперь: когда я меняю функцию mouseOver на это:

mouseOver: function(){
                        this.series.chart.innerText.attr({text: this.name});
                    },

Затем я могу получить значение ключа name из своих данных. Однако, когда я хочу добавить его во всплывающую подсказку, следующий код не работает (код добавляется после tooltip: в исходном коде):

{
      formatter: function() {
                             return '<b>'+this.name+'</b>';
                    }
                },

Когда я меняю this.name на this.y, я снова получаю правильное значение. Может ли кто-нибудь сказать мне, как получить this.name для всплывающей подсказки? Любая помощь будет очень высоко ценится.


javascript data-visualization highcharts interactive donut-chart
person dliv    schedule 07.12.2016    source источник
comment
В обратном вызове средства форматирования это не точечный объект, но он имеет некоторые атрибуты связанной точки. Таким образом, вы можете использовать this.key или this.point.name.   -  person morganfree    schedule 07.12.2016
comment
ага, спасибо за разъяснение этого.   -  person dliv    schedule 07.12.2016

Ответы (1)


arrow_upward
1
arrow_downward

измените форматтер на:

formatter: function() {
    return '<b>' + this.key + '</b>';
}

Если вы не знаете, как ваш объект, используйте console.log(myObject) в своем коде и проверьте консоль js.

person Fefux    schedule 07.12.2016