Question

我已创建this可视化，并希望在说明文字中使用预定义过滤器。我创建了一个链接，过滤器应用在条形图上，如下所示：

<a href="javascript:filterAge([13,14,15])">Filter</a>

filterAge函数是：

function filterAge(filters) {
  dc.filterAll();
  for (var i = 0; i < filters.length; i++) {
    ageChart.filter(filters[i]); 
  }
  dc.redrawAll();
}

过滤器工作正常，但年龄图表中的画笔未相应设置。因此，对于用户而言，很难确定过滤的具体内容。

我遇到了this问题，但没有设法将其应用于dc.js的工作方式。 Another问题似乎在同一方向，但缺乏彻底的答案。

Answer 1

由于我们没有足够的审稿人来解决标记为重复的问题，我会将其拼写出来。

dc.js对于定量尺度完全不同地处理过滤，因此您不能使用上面的代码，这是用于序数尺度。

尝试改为使用ranged filter object：

<a href="javascript:filterAge(13,16)">Filter</a>

function filterAge(low, high) {
  dc.filterAll();
  ageChart.filter(dc.filters.RangedFilter(low, high));
  dc.redrawAll();
}

如何使用dc.js将画笔设置为过滤范围

1 个答案: