如何使用data.table或data.csv和額外的數據處理點擊事件

Question

我有一個使用data.table（HTML表格）構建的餅圖。 http://jsfiddle.net/m78Lwkqt/2/

我想使用表中的第3列來驅動點擊到特定的URL。

 series:[ 
     {    
      type: 'pie', 
      animation: false, 
      point:{ 
       events:{ 
        click: 
         function (event) 
         { 
          // I want to get the 3rd column of the table's value 
          // that corresponds to this point. 
          alert(this.y); 
         } 
        } 
       }   
     } 
     ] 

Answer 1

你可以使用jQuery選擇從第三列的所有td S，並在需要匹配this.x當這個點擊事件，不讓你從jQuery選擇了陣列。

例如，獲取使用jQuery選擇第三列：

var thirdColumn = $("#smry_t_pb_outlay_by_account tr td:nth-child(3)"); 

，然後用你的point.events.click這裏面陣列來獲得數據：

​​

看到代碼的this JSFiddle demonstration。

Answer 2

找到了答案：http://jsfiddle.net/ryanreid22/m78Lwkqt/4/

關鍵是要增加一個seriesMapping值（在這種情況下，我把它叫做「accountCode」），可以在point.click處理程序使用。

data: { 
      table: 'smry_t_pb_outlay_by_account', 
      seriesMapping: [{ 
       x: 0, // X values are pulled from column 0 by default 
       y: 1, // Y values are pulled from column 1 by default 
       accountCode: 2 // used in the point.click below 
      }] 
     }, 

events: { 
     click: 
      function (event) { 
       alert(this.accountCode); 
      } 
     }