javascript - 有没有办法在 Nivo 图表的条上制作 onClick 处理程序？

Question

我是 Nivo.rocks 的新手，这是一个基于反应的图表库。我试图将一个点击处理程序添加到一个栏，以控制台.记录该栏上的数据。目前，该组件带有自己的“工具提示”，当您将鼠标悬停在栏上时会显示此数据，但我不希望这样。

我已经查看了文档，但它没有清楚地显示如何做到这一点，甚至可能吗？到目前为止，我已经制作了一个按钮，可以从两个栏中注销数据

主要代码与此沙箱相同： 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}`
    )
}

Answer 1

您可以使用onClick道具：

onClick={(data) => {
    console.log(
    `all the people that ${data["id"]} for ${data["key"]} = ${data["value"]}`
    );
}}

沙盒示例