Dygraph:DataPoint点击获取行索引级别信息

Dygraph: DataPoint Onclick Getting Row Index level information

本文关键字：索引 信息 获取 DataPoint Dygraph      更新时间：2023-09-26

我正在使用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));
        }
    }
);

您可以使用pt.idx获取行号，使用getValue()查询该行另一列中的数据。在您的情况下：

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

这是一把正在工作的小提琴。

相关文章：