如果使用split：true，则使用Highstock工具提示格式化程序

Question

当我使用split：true为工具提示时，如何编辑工具提示值 如果我使用默认的tooltip.formatter

，我举了一个例子

split: true,
formatter: function () {
    return 'The value for <b>' + this.x + '</b> is <b>' + this.y + '</b>';
}

http://jsfiddle.net/5ervo9ab/1/

我刚收到系列名称的第一个字母，但我想看点数据

Answer 1

您需要迭代formatter函数返回的点数组。

我把你的小提琴分开，让它起作用：http://jsfiddle.net/maximelafarie/5ervo9ab/3/

您现在可以访问列名称和每个系列x和y值。

修改

这是一个没有jQuery的版本：http://jsfiddle.net/maximelafarie/5ervo9ab/4/

编辑2：

这是没有jQuery的最初小提琴的最终工作版本：http://jsfiddle.net/maximelafarie/5ervo9ab/5/

工作原理：

在split中启用tooltip后，您可以对其进行格式化，但需要使用['Column name / label', 'Point 1', 'Point 2', 'Point n+1', ...]之类的数组。

您可以在数组中设置一些HTML来格式化不同的工具提示内容（就像我使用<b>...</b>一样）。

然后格式化程序必须将包含格式化内容的最终数组返回到每个工具提示。

formatter: function() {
  var s = [];
  s.push(this.x);
  this.points.forEach(function(point) {
    s.push('<b>' + point.series.name + '</b>: ' + point.y);
  });

  return s;
},
split: true