高图在工具提示中乘数据

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/

Answer 2

是的，这将返回null，因为你的data2和data3阵列没有关联任何方式的point。

point位于数据数组内，并且附加数据元素应附加到每个point而不是每个series。

series: [{ 
    name: 'Installation', 
    data: [{ 
    y: 43934, 
    data2: 1, 
    data3: 1 
    }, { 
    y: 52503, 
    data2: 2, 
    data3: 2 
    }, { 
    y: 57177, 
    data2: 3, 
    data3: 3 
    }] 
}, { 
    name: 'Other', 
    data: [{ 
    y: 12908, 
    data2: 1, 
    data3: 1 
    }, { 
    y: 5948, 
    data2: 1, 
    data3: 1 
    }, { 
    y: 8105, 
    data2: 1, 
    data3: 1 
    }] 
}] 

小提琴例如：

• http://jsfiddle.net/jlbriggs/smxqwc1y/

您通过使每个数据点一个对象的数据数组中，像这样（您发布的数据子集）实现这一目标