时间戳

首页 > 解决方案 > 如何在任意图表中捕获 x 轴和 y 轴值

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

问题描述

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

这样的例子：


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

它没有在控制台中显示任何值我只想在单击 xAxis 或 yAxis 时获得值。

标签： reactjsanychart

解决方案

您可以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);
});

你可以在这个操场上看到它的运行情况（单击任何 xAxis 标签，它的值将被记录到控制台）

推荐阅读