高圖在工具提示中乘數據

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/

您通過使每個數據點一個對象的數據數組中，像這樣（您發佈的數據子集）實現這一目標