如何从json数据中标注高级图表工具提示？

Question

我将数据以JSON的形式传递给图表，这个JSON来自一个java方法，所以我不能更改this...so，请不要建议更改JSON格式.我的高图集代码如下..。

var json = [{
    "value": 12,
    "name": "platform1",
    "key": "event4"
}, {
    "value": 10,
    "name": "platform1",
    "key": "event1"
}, {
    "value": 14,
    "name": "platform1",
    "key": "event3"
}, {
    "value": 9,
    "name": "platform1",
    "key": "event2"
}, {
    "value": 13,
    "name": "platform3",
    "key": "event4"
}, {
    "value": 13,
    "name": "platform3",
    "key": "event1"
}];
var processed_json = new Array();
$.map(json, function (obj, i) {
    processed_json.push([obj.key, parseInt(obj.value), obj.name]);
});

$('#container').highcharts({
    chart: {
        type: 'column'
    },
    xAxis: {
        type: "category"
    },
    tooltip: {
        formatter: function () {
            return 'Branch: <b>' + this.series.name +
                '</b><br/>Platform: ' + this.point.y;
        }
    },
    series: [{
        name: 'Data',
        data: processed_json
    }]
});

我试图将平台名放在工具提示上，当我在over...but上悬停时，我找不到任何方法来做that...plus，有任何方法可以创建传奇作为platforms...right的数量，现在我只有一个名为"Data“的传奇。

在这里可以找到小提琴：http://jsfiddle.net/QTJb7/

Answer 1

您需要在点定义中使用对象而不是数组，并在$.map中添加参数。

$.map(json, function (obj, i) {
    processed_json.push({name: obj.key,y: parseInt(obj.value),customName : obj.name });
});

工具提示：

tooltip: {
    formatter: function () {
        return 'Branch: <b>' + this.series.name +
            '</b><br/>Platform: ' + this.point.name + ' <br> name ' + this.point.customName;
    }
},

http://jsfiddle.net/QTJb7/1/