highcharts在工具欄提示更多的自定義數據

Question

我想在我的highcharts的工具提示中添加信息（我已經嘗試了其他類似的問題，但沒有解決我的問題...）。

我希望有一天(jj.mm.aaaa)作爲我xAxis中每個數據的標籤。但在我的提示，我想有作爲提示的標題，日期和未在圖中呈現的另一個信息：(jj.mm.aaaa) = n items

例如，我有這樣的x軸數據：

chartOptions.xAxis = { 
categories: ['23.01.2014', '24.01.2014', '25.01.2014'] 
}; 

是這樣的標籤我要爲我的X軸，但在我的提示我想有：

------------------------ ------------------------ ------------------------ 
- 23.01.2014 = 5 items - - 24.01.2014 = 3 items - - 25.01.2014 = 4 items - 
------------------------ ------------------------ ------------------------ 

我想一個選項，添加於x軸的對象是這樣的：

chartOptions.xAxis = { 
    categories: ['23.01.2014', '24.01.2014', '25.01.2014'], 
    nbItems: [5,3,4] 
}; 

但這將輸出每個元素的數組中的所有單元格：

---------------------------- ---------------------------- ---------------------------- 
- 23.01.2014 = 5,3,4 items - - 24.01.2014 = 5,3,4 items - - 25.01.2014 = 5,3,4 items - 
---------------------------- ---------------------------- ---------------------------- 

有沒有辦法只有項目中，NB？

這裏是一個小提琴，幫助您瞭解我的問題：http://jsfiddle.net/upE3T/1/

Answer 1

我設法做一些類似您想使用自定義的工具提示格式化功能是什麼東西。

chartOptions.xAxis = { 
     categories: ['23.01.2014', '24.01.2014', '25.01.2014'], 
     nbItems: {"23.01.2014":5,'24.01.2014':3,'25.01.2014':4} 
    }; 

...

chartOptions.tooltip = {  
     formatter: function() { 
      var s = '<b>'+ this.x + ' (' + chartOptions.xAxis.nbItems[this.x] + ')</b>'; 

      $.each(this.points, function(i, point) { 
       s += '<br/>'+ point.series.name +': '+ 
        point.y +'m'; 
      }); 

      return s; 
     }, 
     shared: true, 
     useHTML: false 
    }; 

http://jsfiddle.net/c8CaB/

不是很理想，因爲你不再有充分的支持html，但你仍然可以使用樣式HTML（http://api.highcharts.com/highcharts#tooltip.formatter）的一個子集的輸出。