在一个位置显示应用于多个图形的筛选器

Display filters being applied on multiple graphs in one place

本文关键字：图形 应用于 筛选 位置 一个 显示      更新时间：2023-09-26

我有多个图表，要显示应用的所有筛选器。下面是单独显示每个图表的筛选器的示例。过滤器是指单击图表中的某个元素。我想在一个地方显示多个图表中的所有过滤器。我很快就会提供一个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.谢谢。

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

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

您可以使用"已过滤"事件来侦听过滤器的更改：

https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#onfiltered-功能图过滤器

希望这足以让你开始！公关当然是受欢迎的。

相关文章：