如何将自定义数据添加到Highchart.js工具提示

时间:2015-09-16 23:20:42

标签: highcharts

您能否请一看This Demo并告诉我如何将数组中的一些自定义数据添加到高图中的工具提示中?

var extras = ["Values More Than 1000", "Values More Than 2000", "Values More Than 3000", "Values More Than 4000", "Values More Than 5000"];

正如您所看到的,数组长度等于列数,因此extras[0]包含1列的工具提示

有点像

enter image description here

1 个答案:

答案 0 :(得分:1)

您可以使用formatter选项自定义工具提示。

tooltip: {
    formatter: function () {
        var index = this.series.points.indexOf(this.point);
        return extras[index] + ': ' + this.y;
    },
    style: {
        width: 250,
        fontSize: '15px'
    }
}

这是一个jsFiddle:

http://jsfiddle.net/opgp10mj/3/