自己的工具提示高圖

Question

我有一個數組。 Var myArray = ['a'，'b'，'c'，'d'，'e'，'f'，'g'，'h'，'i'];

我想更改我的數組的默認工具提示。 bar的第一個提示的值是'a'，第二個是'b'，直到'i'。

這樣的圖片：

我可怎麼辦呢？

這是我的代碼

<script type="text/javascript"> 
$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'column' 
      }, 
      title: { 
       text: 'Monthly Average Rainfall' 
      }, 
      subtitle: { 
       text: 'Source: WorldClimate.com' 
      }, 
      xAxis: { 
       categories: [ 
        'Jan', 
        'Feb', 
        'Mar' 
       ] 
      }, 
      yAxis: { 
       min: 0, 
       title: { 
        text: 'Rainfall (mm)' 
       } 
      }, 
      legend: { 
       layout: 'vertical', 
       backgroundColor: '#FFFFFF', 
       align: 'left', 
       verticalAlign: 'top', 
       x: 100, 
       y: 70, 
       floating: true, 
       shadow: true 
      }, 
      tooltip: { 
       formatter: function() { 
        var myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i']; 
        var i =0; 
        i++; 
        return ''+myArray[i] ; 


       } 
      }, 
      plotOptions: { 
       column: { 
        pointPadding: 0.2, 
        borderWidth: 0 
       } 
      }, 
       series: [{ 
       name: 'Tokyo', 
       data: [49.9, 71.5, 106.4] 

      }, { 
       name: 'New York', 
       data: [83.6, 78.8, 98.5] 

      }, { 
       name: 'London', 
       data: [48.9, 38.8, 39.3] 

      }, { 
       name: 'Berlin', 
       data: [42.4, 33.2, 34.5] 

      }] 
     }); 
    }); 

}); 
     </script> 

Answer 1

首先，這顯然不是那麼聰明：

var i =0; 
i++; 

調試時，當你能看到，你可以訪問關鍵（及以上） 。我會做一個關聯數組這樣：

var myTooltips = { "Jan": A, "Feb": B, "Mar": C } // Etc 

// Other code 
(function($){ // encapsulate jQuery 
var chart; 

而且

formatter: function() { 
    return myTooltips[ this.key ]; 
}