小编Yas*_*gam的帖子

DC JS:如何在单击时突出显示聚合数据表中的行,类似于行图?

我喜欢 DC.JS 库,并且一直尝试在 DC.js 中创建可点击的聚合表,并取得了部分成功。我想突出显示单击事件上的行(允许多个选择),类似于 dc js 中的行图或序数条形图。与行图一样,当进行多个选择时,应突出显示多个表行。

我无法选择我单击的行,相反,我的 css 会选择第一行,无论我单击哪一行。我尝试使用“this”关键字来选择被单击的当前行,但无济于事。

这是js小提琴:https://jsfiddle.net/yashnigam/kvt9xnbs/83/

这是我进行 CSS 选择的 click 事件的代码:

       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');
            }

        })

    });
Run Code Online (Sandbox Code Playgroud)

请分享一种在单击时突出显示数据表行的方法,与在行图上的工作方式相同。

d3.js dc.js

4
推荐指数
1
解决办法
827
查看次数

标签 统计

d3.js ×1

dc.js ×1