在barChart上过滤图表数据,禁用画笔区域

时间:2018-02-22 15:15:12

标签: javascript dc.js crossfilter

我是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突出显示该栏。然而,为此,我需要刷区(我不想),否则过滤器什么都不做。没有刷区,有没有其他方法可以做到这一点?

原因是我不希望用户能够手动从条形图中选择某个范围。当用户将鼠标悬停在某个表格行上时,我只想突出显示栏。

提前感谢您的帮助。

0 个答案:

没有答案