在工具提示中显示来自 Highcharts 饼图中 json 的数据

Question

我显示一个显示 2 个百分比的饼图类型的图表。我想修改它在我的工具提示中显示的内容，以显示我的 JSON 中的内容。我的 JSON 看起来像

{"object1":{"percentage": 0.7, "numberOfObject": 167}, "object2":{"percentage": 0.3, "numberOfObject": 125}}

饼图显示的百分比是这样的：

jsonValue.object1.percentage 和 jsonValue.object2.percentage

当我将鼠标放在图表的各个部分时，我想在每个对象的工具提示中显示 "numberOfObject"。

Answer 1

对于工具提示：

tooltip: { formatter: function() { if (this.point.name === 'object 1') return '<b>' + jsonValue.object1.numberOfObject + '</b>'; else return '<b>' + jsonValue.object2.numberOfObject + '</b>'; } }

对于数据：

data: [
                ['object 1', jsonValue.object1.percentage],
                ['object2', jsonValue.object2.percentage]
]

在工具提示中显示来自 Highcharts 饼图中 json 的数据

Display in a tooltip data from a json in a Highcharts' pie

javascript

json

tooltip

highcharts

pie-chart