Javascript 在onClick Reactjs时获取条值
我在使用chartjs时遇到了一个reactjs问题 我想在点击条形图时获得chartjs 2中条形图的值 我找到了这个代码,但我不知道如何在react上使用它Javascript 在onClick Reactjs时获取条值,javascript,reactjs,chart.js,Javascript,Reactjs,Chart.js,我在使用chartjs时遇到了一个reactjs问题 我想在点击条形图时获得chartjs 2中条形图的值 我找到了这个代码,但我不知道如何在react上使用它 document.getElementById("myChart").onclick = function (evt) { var activePoints = myChart.getElementsAtEventForMode(evt, 'point', myChart.options); var firstPoint
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);
};
抱歉,a找到了答案:
<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:
}}
/>
{
//如果需要构建URL,您可以
//从'elem'获取datasetIndex和值索引:
var activePoint=elems[0];
var数据=活动点。\ u chart.data;
var datasetIndex=activePoint.\u datasetIndex;
var label=data.datasets[datasetIndex].label;
var value=data.datasets[datasetIndex].data[activePoint.\u index];
警报(值);
//然后重定向到目标页面:
}}
/>
您需要为我们添加一些代码以帮助您。如果您搜索此案例,您会找到此案例。liner: