javascript - 从筛选框以外的切片应用仪表板筛选器

Question

我想使用筛选框以外的切片将筛选器应用到我的仪表板。

对于结构类似于树的数据集，我已将 d3 可视化库中的缩进树调整为如下所示的切片:

我的树切片具有代表不同路径的分支和级别，以及包含我的值的结束节点。

现在，我想使用这个切片来过滤我的仪表板。特别是，当用户单击我的一个终端节点时，我想删除任何以前的值并应用该节点的值。

我尝试将节点的路径和值表示为字符串，并像在常规过滤框中一样使用它。然而，在很多情况下，我最终会得到很长的字符串，从而导致用户体验很差。

我查看了过滤器框的实现，看看是否可以找到用于更改过滤器设置的方法。然而，这似乎是一个相当复杂的过程，在我的切片中重新实现过滤器框在我看来是错误的方法。

是否有通用方法来更改仪表板过滤器并应用它？

Answer 1

“表格”可视化是目前除“过滤器框”之外唯一被设置为(可选)发出仪表板过滤器事件的其他可视化。下面是它的实现方式:

https://github.com/apache/incubator-superset/blob/master/superset/assets/visualizations/table.js#L130

可视化界面是一个接收 slice 和 payload 参数的函数。 slice 对象公开了 addFiler 和 removeFilter，如上面的示例所示。

因此，问题在于设置可视化以使用切片对象发出正确的过滤事件。