javascript - Highchart 在工具提示中乘以数据

Question

我想将多个数据放入 1 个工具提示中。共享是假的，这是正确的。一行应该只显示它​​自己的值。

series: [
        {
            name: 'Installation',
            data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175, 43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175],
            data2: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
            data3: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
        }, 
        {
            name: 'Other',
            data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111, 12908, 5948, 8105, 11248, 8989, 11816, 18274],
            data2: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
            data3: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
        },
        ]

在上面的代码中，我想添加查询中的第二个和第三个数据。

tooltip: {
                pointFormat: '{series.name}: <b>{point.y}</b><br/> Second: {point.data2} <br> Third: {point.data3}',
            },

如何将这些“point.data2”和“point.data3”值添加到工具提示中？我得到 null 作为返回。

提前致谢。

Answer 1

对于您的图表，您应该能够使用 pointFormatter 而不是 pointFormat，并且在 pointFormatter 内部获取第二个和第三个数据。

http://api.highcharts.com/highcharts/tooltip.pointFormatter

  tooltip: {
    pointFormatter: function() {
      console.log(this)
      var string = this.series.name + ': ' + this.y + '<br>';
      string += 'Second: ' + this.series.options.data2[this.index] + '<br>';
      string += 'Third: ' + this.series.options.data3[this.index];
      return string;
    }
  },

您可以在下面的链接中找到带有 pointFormatter 的图表示例: http://jsfiddle.net/km8bovdz/