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

我在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。

bierlaopo 回答:如何添加到chartJs工具提示元素的链接

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2729592.html

大家都在问