我想做的事:
我有一个条形图,其中x轴表示时间。可以用鼠标选择一个时间段,然后所有图表正确地调整为所选的时间段。
但是,有时候很难从确切的日期到确切的日期,我想添加一个日历,以便可以选择那些日期。
理想情况下,在日历上选择日期应与在条形图上用鼠标选择时间段具有相同的效果。
尝试过但不喜欢:
我试图创建第二个时间维度,并在此基础上选择日历。但是,这会使barChart的最小值和最大值适应该选择。barChart不能覆盖时间维度的整个维度,而只能覆盖日历上的选定时间段。这就是我要避免的事情。
如何精确模拟图表上的选择?
非常感谢。
编辑:
我试图了解对评论的建议。让我给你看一些代码。
我有一个条形图:
var moveChart = dc.barChart("#move-chart","chart2");
这是一个需要执行时间过滤的人。
moveChart
.width(700)
...
.dimension(timeDim)
.group(foo)
现在,假设我在控制台上执行以下操作:
timeDim.filterRange([minTime,maxTime]);
dc.renderAll("chart2");
这使其他图表反映了选择,但未反映moveChart。
我也尝试执行戈登的评论,但我不明白。在控制台中,我可以看到moveChart.filters。不会实现任何过滤器,例如RangedFilter或TwoDimensionalFilter,因此我不确定如何在画笔上执行过滤器功能。
谢谢。
图表不会在其自己的维度上观察过滤器,因此我认为您确实需要画笔选项。
filter = dc.filters.RangedFilter(filter[0], filter[1]);
moveChart.filter(filter);
您只需要在图表上设置过滤器;图表将在维度上设置过滤器。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句