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