D3.js dc.js多线系列图表过滤

D3.js dc.js多线系列图表过滤,d3.js,dc.js,crossfilter,D3.js,Dc.js,Crossfilter,我有一个小小的esp8266温度传感器网络,将不同房间的温度记录到一个树莓pi上。然后我使用dc.js(和crossfilter/d3)将其呈现为多系列折线图。我有这个工作。我无法解决的是,我如何才能为每个房间添加一个按钮,从而在图表上打开/关闭该房间的线条 到目前为止,我已经建立了一个JSFIDLE 你可以看到那里有3个房间。我很确定我需要在roomdimension上使用过滤,但因为它使用[d.room,+d.timestamp]数组,所以我不确定如何使用过滤。我想做的另一件事是能够设置按

我有一个小小的esp8266温度传感器网络,将不同房间的温度记录到一个树莓pi上。然后我使用dc.js(和crossfilter/d3)将其呈现为多系列折线图。我有这个工作。我无法解决的是,我如何才能为每个房间添加一个按钮,从而在图表上打开/关闭该房间的线条

到目前为止,我已经建立了一个JSFIDLE

你可以看到那里有3个房间。我很确定我需要在roomdimension上使用过滤,但因为它使用
[d.room,+d.timestamp]
数组,所以我不确定如何使用过滤。我想做的另一件事是能够设置按钮来过滤,比如“上周”、“过去48小时”,但同样,我也不知道怎么做


感谢您的帮助。

我想出了办法。我只是在交叉过滤器中添加了一个更简单的房间维度,在这个维度上进行过滤,然后重新绘制图表。更新的
jsfiddle