Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法在Nivo图表的条形图上制作onClick hanlder?_Javascript_Reactjs_D3.js_Nivo React - Fatal编程技术网

Javascript 有没有办法在Nivo图表的条形图上制作onClick hanlder?

Javascript 有没有办法在Nivo图表的条形图上制作onClick hanlder?,javascript,reactjs,d3.js,nivo-react,Javascript,Reactjs,D3.js,Nivo React,我是Nivo.rocks的新手,这是一个基于react的图表库。我正在尝试向一个工具栏添加一个单击处理程序,以便只在控制台上记录数据。目前,该组件有自己的“工具提示”,当您将鼠标悬停在一个条上时,它会显示这些数据,但我不希望这样 我看过文档,但它没有清楚地说明如何做到这一点,这可能吗? 到目前为止,我已经制作了一个按钮,可以从两个栏中注销数据 主代码与此沙盒相同: 我的按钮: const clickHandler = () =>{ console.log( `al

我是Nivo.rocks的新手,这是一个基于react的图表库。我正在尝试向一个工具栏添加一个单击处理程序,以便只在控制台上记录数据。目前,该组件有自己的“工具提示”,当您将鼠标悬停在一个条上时,它会显示这些数据,但我不希望这样

我看过文档,但它没有清楚地说明如何做到这一点,这可能吗? 到目前为止,我已经制作了一个按钮,可以从两个栏中注销数据

主代码与此沙盒相同:

我的按钮:

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

您可以使用
onClick
道具:

onClick={(数据)=>{
console.log(
`为${data[“key”]}=${data[“value”]}创建${data[“id”]}的所有人`
);
}}

那么您想制作自定义工具提示?禁用工具提示?或者当你点击该条时显示日志?嗨,我想在点击该条时显示该条的日志非常感谢!我唯一的问题是,我如何使这成为一个独立的功能,我还是新的反应,所以我感到困惑。假设我想要一个单独的点击处理程序?@shubadillahi不客气,你说的单独点击处理程序是什么意思?@shubadillahi如果你的问题是这样的,你可以将一个函数传递给
onClick
props,例如:const clickHandler=()=>{console.log(
所有使用${data['id']}获取${data['key']}=${data的人['value']}
)}。这不正确work@ShuibAbdillahi您可以将
clickHandler
onClick={clickHandler}