如何添加到chartJs工具提示元素的链接

Question

我在react中使用chartJs2绘制条形图，我希望能够向每个条形添加动态链接，单击该链接将重定向到该位置。理想情况下，当您单击一个栏时，我将使用react-router的generatePath来创建该项目的路径，但是我愿意接受其他解决方案。我还考虑过可能将每个标签项都链接起来，但是到目前为止还没有弄清楚如何成功地实现它。

render() {
        console.log(this.props)
        return (
            <div style={{height: 400, width: 500}} >
                    <Bar
                    data={this.props.data}
              options={{
                title: {
                  display: true,
                  text: 'Average Chakra Openess',
                  fontSize: 20
                },
               // getElementAtEvent: this.props.data.getElementAtEvent,
                // getElementAtEvent: (elems) => {console.log(elems)},
                // onClick: (e) => this.props.listChakras(e),
                // onClick: (e) => this.handleClick(e),
                // onHover: (e) => { console.log(e)},
                // onElementsClick: (element) => { console.log("jeff") },
                        legend:{
                          display:false,
                          position:'right'
                        }
                      }}
                />

我可以将事件作为onClick的参数传递，但是事件在整个画布上。同样，getElementAtEvent似乎完全没有响应。不知道这是否是个反应。 TYIA。