小编Shu*_*ahi的帖子

有没有办法在 Nivo 图表上的条形图上制作 onClick 处理程序?

我是 Nivo.rocks 的新手,这是一个基于 React 的图表库。我试图向栏添加一个单击处理程序,以便仅 console.log 该栏上的数据。目前,该组件带有自己的“工具提示”,当您将鼠标悬停在栏上时,它会显示此数据,但我不希望这样。

我查看了文档,但它没有清楚地显示如何执行此操作,这是否可能?到目前为止,我已经制作了一个按钮,可以从两个栏中注销数据

主要代码与此沙箱相同: https://codesandbox.io/s/nivo-0xy2m ?file=/src/index.js

我的按钮:

const clickHandler = () =>{
    console.log(
        `all the people that disagreed for ${data[0].statement} = ${data[0].disagree}`
    )
}
Run Code Online (Sandbox Code Playgroud)

javascript d3.js reactjs nivo-react

4
推荐指数
1
解决办法
3477
查看次数

标签 统计

d3.js ×1

javascript ×1

nivo-react ×1

reactjs ×1