显示在一个位置应用于多个图形的过滤器

时间:2014-08-26 17:44:09

标签: javascript d3.js filter dc.js

我有多个图表,我想要显示所有应用的过滤器。以下是单独显示每个图表的过滤器的示例。过滤器是对图表元素的单击。我想在一个地方显示多个图表中的所有过滤器。我将尽快提供一个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之外。谢谢。

1 个答案:

答案 0 :(得分:1)

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

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

您可以使用&#34;过滤&#34;来监听过滤器更改。事件:

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

希望这足以让你入门!公关肯定会受到欢迎。