Highcharts甜甜圈工具提示格式使用钻取数据

Highcharts donut tooltip formatting using drilldown data

本文关键字:钻取 数据 格式 甜甜圈 工具提示 Highcharts      更新时间:2024-05-27

我正试图使用数据的向下搜索部分中存储的数据,将格式化的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: {
    useHTML: true,
    formatter: function() {
        return this.point.tooltip_data;
    }
}

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

工具提示以空白形式生成。这种方法适用于标准饼图,但不适用于甜甜圈,我认为这是因为工具提示数据是嵌套的。

我猜这只是我访问这个.point的方式,但这是我所能达到的。

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

我建议使用开发人员工具和控制台,这样可以找到原因。你的对象是未定义的,所以你得到一个空白的tootlp。此外,如果您在钻取obejct中设置了参数,则需要在解析器中推送此对象(查看循环)。

您选择的工具提示.formater()完全错误
删除所有要工作的接缝