Highchart基礎欄：如何知道點擊了哪個特定欄欄？

Question

我有以下類別和系列highchart：

xAxis: { 
       categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'], 
       title: { 
        text: null 
       } 
      }, 
      yAxis: { 
       min: 0, 
       title: { 
        text: 'Population (millions)', 
        align: 'high' 
       }, 
       labels: { 
        overflow: 'justify' 
       } 
      } 


series: [{ 
      name: 'Year 1800', 
      data: [107, 31, 635, 203, 2] 
     }, { 
      name: 'Year 1900', 
      data: [133, 156, 947, 408, 6] 
     }, { 
      name: 'Year 2012', 
      data: [1052, 954, 4250, 740, 38] 
     }] 

指針事件讓我知道被點擊的類別。但我怎麼知道哪一年被點擊。因此，假設用戶點擊非洲1900年下的1900年，那麼我想知道用戶點擊類別：非洲和1900年。

Answer 1

您可以使用plotOptions並在裏面使用下面的代碼來獲取相應的項目。

plotOptions: { 
      series: { 
       cursor: 'pointer', 
       point: { 
        events: { 
         click: function() { 
          alert('Category: ' + this.category + ' value: ' + this.y + ' Year :' + this.series.name); 
         } 
        } 
       } 
      } 
     }, 

工作的jsfiddle可以發現​​。

this.category：這將返回相應的類別名稱。

this.y：這將返回相應的y軸值（數據）。

this.series.name：這將返回相應的系列名稱。