我是d3 / dc.js领域的新手,我有点陷入一个问题。我在React中使用dc.js创建了一个条形图,其中禁用了画笔区域:
chart
.x(this.scale)
.xUnits(this.units)
.gap(0)
.round(this.round)
.centerBar(false)
.brushOn(false)
此图表中的数据按x轴分组(值为-160到160范围内的浮点数,条形总是将这些数字分组10.因此x轴上的一个条形包含-160范围内的所有数字到-150,从-150到-140等。)。
在同一页面上有表格,其中包含表格中的一些过滤数据。我需要做的是:将鼠标悬停在包含某些数据的表格行上,并突出显示包含该数据的特定栏。例如。我将鼠标悬停在-137.768的值上,我需要高亮显示条,值为-140到-130。其余的条应该变暗(灰色)。我目前正在使用replaceFilter
突出显示该栏。然而,为此,我需要刷区(我不想),否则过滤器什么都不做。没有刷区,有没有其他方法可以做到这一点?
原因是我不希望用户能够手动从条形图中选择某个范围。当用户将鼠标悬停在某个表格行上时,我只想突出显示栏。
提前感谢您的帮助。