在任意段的d3treemap布局onClick中,如何在控制台中记录被点击的元素对象属性。
在此链接中找到我的 react 和 d3.js 代码。 https://codesandbox.io/s/affectionate-thunder-l024x
const dataObj = {
name: "Home",
children: [
{
name: "A",
metricsValue: "ma",
value: "15"
},
{
name: "BCD",
value: "35",
metricsValue: "m1"
}
]
};
示例:单击元素“BCD”,在控制台中记录 BCD 的属性。
Result :
{
name: "BCD",
value: "35",
metricsValue: "m1"
}
最佳答案
你需要在 logTitle 方法中传递 Object 并且还需要对索引文件进行一些更改
function logTitle(d) {
self.props.onClickSegment({
name: d.name,
value: d.value,
metricsValue: d.metricsValue
});
}
我已经对您的示例进行了更改,在下面找到它
关于javascript - 如何获取d3.js Treemap布局中元素的对象属性onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58056570/