Highcharts.js:从数据获取特定值到工具提示

时间:2016-12-07 16:28:33

标签: javascript highcharts data-visualization interactive donut-chart

我想制作一张基于this one的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吗?非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

通过以下方式更改格式化程序:

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

如果您不知道对象是什么,请在代码中使用console.log(myObject)并检查您的js控制台。