Dygraph：DataPoint Onclick獲取行索引級別信息

Question

我正在使用Dygraph。我有要求，當我點擊一個數據點，我想顯示陣列/ ID級別信息的行索引。 請看下面的工作示例 當我點擊任何數據點時，我想顯示ID。 在顯示的第一個數據點的結果是

ID = 89, 
Row Index = 1. 

g = new Dygraph(
    document.getElementById("graph"), 
    // For possible data formats, see http://dygraphs.com/data.html 
    // The x-values could also be dates, e.g. "2012/03/15" 
    "X,Y,Z,ID\n" + 
    "1,0,3,89\n" + 
    "2,2,6,56\n" + 
    "3,4,8,\n" + 
    "4,6,9,\n" + 
    "5,8,9,\n" + 
    "6,10,8,\n" + 
    "7,12,6,\n" + 
    "8,14,3,\n", 
    { 
     visibility: [ true, true, false ], 
     legend: 'always', 
     animatedZooms: true, 
     title: 'dygraphs chart template', 
     pointClickCallback: function(e, pt) { 
      alert(JSON.stringify(pt)); 
     } 
    } 
); 

Answer 1

您可以使用pt.idx獲得的行數和getValue()在該行的另一列查詢數據。在你的情況：

pointClickCallback: function(e, pt) { 
    alert(this.getValue(pt.idx, 3)); 
} 

這裏是一個working fiddle。