使用react-chartjs2查找在onElementsClick的堆叠条上单击了条的哪一部分

时间:2019-07-17 14:18:04

标签: react-chartjs

我的目标是根据我单击的堆积条形图的一部分重定向到页面。

现在,我可以使用onElementsClick进行打印以控制台整个条形元素,但这并不能告诉我单击了堆叠条形图的哪一部分。

 return (
    <>
      <DateSearch onSubmit={filterData}/>
        <HorizontalBar data={data} options={options} onElementsClick={elems => {
    // if required to build the URL, you can 
    // get datasetIndex and value index from an `elem`:
    console.log(elems[0]._datasetIndex + ', ' + elems[0]._index);
    // and then redirect to the target page:
    window.location = "https://google.com";
}}/>
    </>
  );
};

我希望能够单击条形图的一部分并将其标签用作重定向到另一个页面的参数。例如,如果我单击图形的任何蓝色部分,我想使用MasterFile作为该页面的参数重定向到该页面。

Example Chart

0 个答案:

没有答案