onClick Reactjs时获取bar值答案

【问题标题】：Get bar value when onClick ReactjsonClick Reactjs时获取bar值
【发布时间】：2020-04-08 06:35:12
【问题描述】：

我在使用 chartjs 时遇到了 reactjs 的问题单击条形图时，我想在chartjs 2中获取条形图的值我找到了这段代码，但我不知道如何在反应中使用它

document.getElementById("myChart").onclick = function (evt) {
    var activePoints = myChart.getElementsAtEventForMode(evt, 'point', myChart.options);
    var firstPoint = activePoints[0];
    var label = myChart.data.labels[firstPoint._index];
    var value = myChart.data.datasets[firstPoint._datasetIndex].data[firstPoint._index];
    alert(label + ": " + value);
};

【问题讨论】：

您需要添加一些代码让我们帮助您。
如果你搜索过这个案例，你会找到这个。liner：stackoverflow.com/a/37123117/11989020

标签： javascript reactjs chart.js

【解决方案1】：

抱歉，找到答案了：

 <Line
      data={chartData}
      options={options}
      onElementsClick={elems => {
        // if required to build the URL, you can
        // get datasetIndex and value index from an `elem`:

        var activePoint = elems[0];
        var data = activePoint._chart.data;
        var datasetIndex = activePoint._datasetIndex;
        var label = data.datasets[datasetIndex].label;
        var value = data.datasets[datasetIndex].data[activePoint._index];
        alert(value);
        // and then redirect to the target page:
      }}
    />

【讨论】：