javascript - highcharts 将多个值传递给工具提示

Question

我需要在工具提示上显示 3 个值: 时间、值和另一个值(变化)。

我看到了this example (但 jsdfiddle 不起作用)。

我试过了

//each loop..
indice.push(["time", "value1", "value2"]);

、工具提示设置

tooltip:
    {
    useHTML: true,
    formatter: function()
    {
      return '' + Highcharts.dateFormat('%H:%M:%S', this.x) +'; '+ this.y + this.z(<-is this right?);
    }
},

以及该系列

series:
[{
    type: 'area',
    data: indice
}]

有人可以帮忙吗？ 谢谢。

Answer 1

如果您想传递除 x 和 y 值之外的点的其他数据，则必须命名该值。以下example我向每个数据点添加以下三个附加值:

{
  y: 3,
  locked: 1,
  unlocked: 1,
  potential: 1,
}

然后，为了在工具提示中访问和显示这些值，我使用以下命令:

tooltip: 
{
     formatter: function() { return ' ' +
        'Locked: ' + this.point.locked + '<br />' +
        'Unlocked: ' + this.point.unlocked + '<br />' +
        'Potential: ' + this.point.potential;
     }
}