小编All*_*nJB的帖子

ChartJS v2:点击坐标处的刻度值(时间刻度)

我有一个时基折线图,我试图获取点击坐标处每个比例的值。

我的 onClick 函数在 ChartJS 选项中指定:

onClick: function(event, elementsAtEvent)
{
    console.log(event, elementsAtEvent, this);
    var valueX = null, valueY = null;
    for (var scaleName in this.scales) {
        var scale = this.scales[scaleName];
        console.log(scale.id, scale.isHorizontal());
        if (scale.isHorizontal()) {
            valueX = scale.getValueForPixel(event.offsetX);
        } else {
            valueY = scale.getValueForPixel(event.offsetY);
        }
    }
    console.log(event.offsetX, valueX, null, event.offsetY, valueY);
},
Run Code Online (Sandbox Code Playgroud)

JSFiddle:https://jsfiddle.net/AllenJB/dmebo9g5/1/

上面的代码似乎适用于 Y 轴,但不适用于 X(时间刻度) - 无论您单击图表中的哪个位置,它总是返回最后一个值。

我可能做错了什么?

javascript chart.js

5
推荐指数
1
解决办法
2166
查看次数

标签 统计

chart.js ×1

javascript ×1