Highcharts 'this' 返回同一个对象两次

Question

我只是想使用 Highcharts 中的工具提示 pointFormatter 来 return this.name（至少现在，之后我需要做一些格式化）。我遇到的问题是 this.point 两次 return 同一个对象 - 它是正确的对象，但这意味着它在我的工具提示中显示了两次。

Here 是一个显示问题的 JSFiddle，工具提示从第 242 行开始。

这是我用过的代码：

tooltip: {
  pointFormatter: function(){
    var point = this.name;
    console.log(point);
    return point;
  },
  followPointer: true
}

登录到控制台确认对象被 returned 两次。

任何帮助将不胜感激，因为我似乎无法找到可能导致问题的原因。

谢谢！

Answer 1

问题是指向多个元素的指针。所以你的代码工作得很好，但是有很多重叠，这就是它重复多个点名称的原因。在以下位置声明一个 var tmpPoint：

$(function () {
var tmpPoint;

比：

tooltip: {
            pointFormatter: function(){
            var point = this.name;
            if (tmpPoint!=point){
              tmpPoint=point;
              console.log('bb'+point);
              return point;
            }
          },
          followPointer: true
        },

Answer 2

pointFormatter (API) 仅修改工具提示的 body，因此目前您的 body 返回与 [=35= 完全相同的内容].两个合理的选择：

您可以使用 headerFormat (API) 编辑工具提示的标题以区分它们。
您可以使用 formatter (API) 函数根据自己的喜好更改整个工具提示。

请注意，formatter 在您的代码当前所在的 plotOptions 下不存在。它只能通过根 tooltip.

获得

Highcharts 'this' 返回同一个对象两次

Highcharts 'this' returning the same object twice

javascript

jquery

charts

highcharts

highstock