在Highcharts中添加额外的工具提示

Question

我有一个在Highchart中添加额外工具提示信息的问题。

我当前的高保真工具提示仅显示[1,2]和[4,5]，但在我的数据集中，除了x和y之外，我还有第三个值为3和6。

[[1,2,3]，[4,5,6]，...]

我想在我的tootip中添加3和6。接下来我该怎么办？

Answer 1

您可以使用tooltip.formatter属性自定义工具提示内容。例如：

tooltip: {
        formatter: function () {
            return 'The value for <b>' + this.x +
                '</b> is <b>' + this.y + '</b> and the value for z is ' + this.point.z;
        }
    },

由于我在回调函数中引用point.z，我的series data数组也应该标识z属性：

series: [{
        data: [{y:29.9,z:'test 1'}, {y:71.5,z:'test 2'}, {y:106.4,z:'test 3'}]
    }]

当然，您无需为您的财产命名z - 您可以随意命名。

我创建了一个演示实现的小提琴： http://jsfiddle.net/cn9z1be5/1/