首页 文章

dc.js模拟点击图表并触发过滤器

提问于
浏览
4

What I want to do:

我有一个barChart,其中x轴代表时间 . 可以通过用鼠标选择一段时间来选择一段时间,并且所有图表都可以正确地调整到选择 .

但是,有时很难从确切的日期转到确切的日期,我想添加一个日历,在那里可以选择那些日期 .

理想情况下,在日历上选择日期应与使用barChart上的鼠标选择时间段具有相同的效果 .

Tried but don't like:

我尝试创建第二个时间维度并在其上选择日历 . 但是,这会使barChart最小值和最大值调整为该选择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,所以我不知道如何在画笔上执行过滤功能 .

谢谢 .

1 回答

相关问题