javascript - 显示应用于一处多个图表的过滤器

Question

我有多个图表，我想显示所有应用的过滤器。以下是单独显示每个图表的过滤器的示例。过滤器是对图表元素的单击。我想在一处显示多个图表中的所有过滤器。我很快就会提供一个 jsfiddle 来玩。要像我提供的链接中那样单独显示每个图表的过滤器，必须将此

<span class="reset" style="display: none;"> | Current filter: <span class="filter"></span></span>

在<div>内像这样的图表

<div id="chart">
   <span class="reset" style="display: none;"> | Current filter: <span class="filter"></span></span>
</div>

我想将这些过滤器组合到一个位置，尽管在图表的 div 之外。谢谢。

Answer 1

此功能不是由 dc.js 直接提供的。但是，您可以读取每个图表的 filters 属性以获取当前的过滤器:

https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#filters-1

您可以使用“filtered”事件监听过滤器的更改:

https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#onfiltered-functionchart-filter

希望这足以让您开始!公关肯定会受到欢迎。