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