我喜欢DC.JS库,一直在尝试使用DC.js创建可点击的聚合表格,但只有部分成功。我希望在点击事件中突出显示行(允许多个选择),类似于dc js中的行图表或序数条形图。像行图表一样,当进行多次选择时,应该突出显示多个表格行。
但我无法选择单击的行,而是我的CSS选择第一行,而不管我单击哪一行。我尝试使用“this”关键字来选择当前单击的行,但没有成功。
这是JS Fiddle: https://jsfiddle.net/yashnigam/kvt9xnbs/83/ 这是我的代码,用于使CSS选择点击事件:
请分享一种方法,以便在单击数据表的行时突出显示该行,就像在行图表上工作的方式一样。
但我无法选择单击的行,而是我的CSS选择第一行,而不管我单击哪一行。我尝试使用“this”关键字来选择当前单击的行,但没有成功。
这是JS Fiddle: https://jsfiddle.net/yashnigam/kvt9xnbs/83/ 这是我的代码,用于使CSS选择点击事件:
marketTable.on("renderlet", function(chart){
chart.selectAll('tr.dc-table-row').on('click',function(d){
if(filterKeys.includes(d.key)){
chart.select('tr.dc-table-row').datum(d.key).style('background-color','gray');
}
})
});
请分享一种方法,以便在单击数据表的行时突出显示该行,就像在行图表上工作的方式一样。