Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在onClick Reactjs时获取条值_Javascript_Reactjs_Chart.js - Fatal编程技术网

Javascript 在onClick Reactjs时获取条值

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

我在使用chartjs时遇到了一个reactjs问题 我想在点击条形图时获得chartjs 2中条形图的值 我找到了这个代码,但我不知道如何在react上使用它

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: