Я отрисовываю гистограмму с помощью chartJs2 в реакции, я хочу иметь возможность добавить динамическую ссылку c к каждой панели, которая будет перенаправляться туда при нажатии. В идеале, когда вы нажимаете на панель, я буду использовать 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, но событие присутствует на всем холсте. ALso getElementAtEvent, кажется, полностью не отвечает. Не уверен, что это реакция. TYIA.