使用钻取数据的Highcharts donut工具提示格式

时间:2013-12-10 14:03:09

标签: javascript jquery highcharts

我正在尝试使用存储在数据深入部分中的数据将格式化的html放入外部圆环工具提示中,例如:

data = [{
    y: 33.84,
    color: '#ff0000',
    drilldown: {
        name: 'Downloads',
        categories: ['News', 'P2P'],
        data: [30.36, 3.48],
        color: '#ff0000',
        tooltip_data: ['News tooltip', 'P2P tooltip']
    }

然后我使用tooltip格式化程序调用它,如下所示:

tooltip: {
    useHTML: true,
    formatter: function() {
        return this.point.tooltip_data;
    }
}

这里有一个更全面的例子:http://jsfiddle.net/mQ3En/1/

工具提示会生成,但它们是空白的。此方法适用于标准饼图,但不适用于甜甜圈,我假设这是因为工具提示数据是嵌套的。

我猜这只是我访问this.point的方式,但就我而言。

更新:这是工作代码...... http://jsfiddle.net/emFqq/

2 个答案:

答案 0 :(得分:1)

我建议使用开发人员工具和控制台,以便找到原因。您的对象未定义,因此您将获得一个空白的tootlip。如果你在drilldown obejct中设置参数,你需要在解析器中推送这个对象(看一下循环)。

答案 1 :(得分:0)

你选择的tooltip.formatter()是完全错误的 删除所有接缝都可以正常工作