javascript - 在 Highcharts 圆环图的工具提示上添加自定义数据

标签 javascript highcharts donut-chart

我正在尝试找出如何修改 Highcharts 圆环图的工具提示。按照网站中的示例,我尝试将另一个属性(“newData”)添加到每个数据的钻取中。您可以在此处查看示例:http://jsfiddle.net/vxm0gnz5/1/

data = [{
        y: 55.11,
        color: colors[0],
        drilldown: {
            name: 'MSIE versions',
            categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
            data: [10.85, 7.35, 33.06, 2.81],
            newData: [1, 2, 3, 4],
            color: colors[0]
        }
    }, {
    ... other data sets here ...
    }
]

但是,我似乎没有检索 newData 部分中的数据。有没有一种方法可以提取它,以便我可以在工具提示上显示它的值?谢谢!

最佳答案

如果您为数据添加新参数,您还需要在解析数据的循环中更新此信息。

drilldownNewData.push(data[i].newData);

示例:http://jsfiddle.net/sbochan/vxm0gnz5/2/

数组可在 this.options.newData 引用中使用(就像在 dataLabels 中一样)。

关于javascript - 在 Highcharts 圆环图的工具提示上添加自定义数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25284355/

相关文章:

javascript - jquery 和 google 地点自动完成

javascript - Ember.js:要编辑什么文件才能将正斜杠附加到每个路由

javascript - 将 MySQL 表值从 PHP 脚本返回到 Javascript 函数 - 实时绘图

javascript - 自定义圆环图

python - 如何围绕散点图上的一个点绘制圆环图?

javascript - 显示 undefined variable 名称,而不仅仅是未定义的 Node

javascript - Highcharts 连接散点图和饼图与单个图例

javascript - 无法在 Highcharts 中使用 [null,null] 和不规则间隔断开折线图

google-visualization - 如果只有一项 = 100%,则 Google donut chart 不会显示正文中的数字

Javascript - 使用下拉菜单来定位对象属性在首次使用后中断