如何在任何图表中捕获x轴和y轴值

问题描述

我想在单击控制台中的轴时捕获x轴和y轴的值。我想在单击轴时显示这些值。

这样的例子：


chart.listen("click",function(){
chart.xAxis("{%value}");
console.log(xAxis.value(0));
});

当我单击xAxis或yAxis时，它只是在控制台中未显示任何值。

解决方法

您可以为单个标签设置click处理程序，例如：

const xAxis = chart.xAxis();
xAxis.labels().listen('click',function (e) {
    const labelIndex = e.labelIndex;
    const label = this.getLabel(labelIndex);
    const value = xAxis.scale().ticks().get()[labelIndex];
    console.log(value);
});

您可以在此playground中看到它的运行情况（单击任何xAxis标签，其值将记录到控制台中）

anychart reactjs reactjs