javascript - 渲染图表后，从图表对象更改 Highcharts 工具提示格式化程序

Question

我发现我可以使用 setData 更改系列，并且我知道我可以使用 .setExtremes 修改最大值，但我不知道如何从图表对象设置工具提示格式化程序。 我如何更新该字段？ 如果我有一个图表对象，我该如何更新它的工具提示格式化程序属性？以及 plotOptions 工具提示格式化程序怎么样？

我尝试过的:

chart1.tooltip.formatter = function() {return ''+this.series.name +'example: '+ this.y      +'example';};

但是当我在图表定义(用于测试)之后添加它时，我的工具提示没有任何变化。 另外，我注意到这个

console.log (chart1.tooltip.formatter);

返回未定义，但我不知道为什么。

Fiddle 以便您可以尝试一下。

http://jsfiddle.net/pCuUW/5/ 提前致谢。

Answer 1

您可以改用 chart.tooltip.options.formatter，例如

chart.tooltip.options.formatter = function() {
    var xyArr=[];
    $.each(this.points,function(){
        xyArr.push('Serie: ' + this.series.name + ', ' +'X: ' + this.x + ', Y: ' +this.y);
    });
    return xyArr.join('<br/>');
}

Changing tooltip formatter dynamically | Highchart & Highstock @ jsFiddle

更新 在新的 (5.0.0+) 版本的 highcharts 中，这也可以使用 chart.update() 来完成。方法

  chart.update({
    tooltip: {
      formatter: function() {
        var xyArr = [];
        $.each(this.points, function() {
          xyArr.push('Serie: ' + this.series.name + ', ' + 'X: ' + this.x + ', Y: ' + this.y);
        });
        return xyArr.join('<br/>');
      }
    }
  });

Changing tooltip formatter dynamically with chart.update | Highchart & Highstock @ jsFiddle