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

elelias

我想做的事:

我有一个条形图,其中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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

DC.JS /交叉过滤器的部分和

来自分类Dev

交叉过滤器维度计数的DC.js直方图

来自分类Dev

dc js-使用dc js的直方图

来自分类Dev

在客户端使用dc.js在服务器上使用交叉过滤器

来自分类Dev

dc.js /交叉过滤器性能问题12,000多行CSV数据

来自分类Dev

DC.js数据表的自定义文本过滤器

来自分类Dev

应用过滤器时,DC.js复合图不会更新

来自分类Dev

在交叉过滤器DC JS中应用除其他过滤器之外的多个过滤器

来自分类Dev

使用不带交叉过滤器的dc.js

来自分类Dev

在URI中存储dc.js过滤器并还原它们

来自分类Dev

仅在点击时触发过滤器

来自分类Dev

交叉过滤器在dc.js上显示负数,数据集中没有负数

来自分类Dev

使用dc.js,d3.js和交叉过滤器的参考错误

来自分类Dev

DC.js中的日期过滤器

来自分类Dev

dc.bubbleChart过滤器上的动态气泡半径

来自分类Dev

奇怪的ldap过滤器(成员<==> CN = usera,OU = xxx,OU = xxx,DC = abc,DC = corp,DC = xyz,DC = com)

来自分类Dev

DC.js-显示忽略交叉过滤器维度的全部元素

来自分类Dev

没有将过滤器应用于DC.js图表时的条件自定义X值暗淡名称

来自分类Dev

dc.js与范围图的多图表交互-设置过滤器后,饼图为空

来自分类Dev

dc js-使用dc js的直方图

来自分类Dev

在客户端上使用dc.js在服务器上使用交叉过滤器

来自分类Dev

交叉过滤器过滤器未过滤(dc.js)

来自分类Dev

dc.js /交叉过滤器性能问题12,000多行CSV数据

来自分类Dev

使用现有过滤器重绘所有dc.js图表

来自分类Dev

在URI中存储dc.js过滤器并还原它们

来自分类Dev

dc.js:点击过滤并重绘图表

来自分类Dev

使用dc.js /交叉过滤器绘制平均值

来自分类Dev

使用 dc.js 的简单列表过滤器和搜索过滤器?

来自分类Dev

dc.js - 删除旧图表并在范围滑块过滤器上重绘图表

Related 相关文章

  1. 1

    DC.JS /交叉过滤器的部分和

  2. 2

    交叉过滤器维度计数的DC.js直方图

  3. 3

    dc js-使用dc js的直方图

  4. 4

    在客户端使用dc.js在服务器上使用交叉过滤器

  5. 5

    dc.js /交叉过滤器性能问题12,000多行CSV数据

  6. 6

    DC.js数据表的自定义文本过滤器

  7. 7

    应用过滤器时,DC.js复合图不会更新

  8. 8

    在交叉过滤器DC JS中应用除其他过滤器之外的多个过滤器

  9. 9

    使用不带交叉过滤器的dc.js

  10. 10

    在URI中存储dc.js过滤器并还原它们

  11. 11

    仅在点击时触发过滤器

  12. 12

    交叉过滤器在dc.js上显示负数,数据集中没有负数

  13. 13

    使用dc.js,d3.js和交叉过滤器的参考错误

  14. 14

    DC.js中的日期过滤器

  15. 15

    dc.bubbleChart过滤器上的动态气泡半径

  16. 16

    奇怪的ldap过滤器(成员<==> CN = usera,OU = xxx,OU = xxx,DC = abc,DC = corp,DC = xyz,DC = com)

  17. 17

    DC.js-显示忽略交叉过滤器维度的全部元素

  18. 18

    没有将过滤器应用于DC.js图表时的条件自定义X值暗淡名称

  19. 19

    dc.js与范围图的多图表交互-设置过滤器后,饼图为空

  20. 20

    dc js-使用dc js的直方图

  21. 21

    在客户端上使用dc.js在服务器上使用交叉过滤器

  22. 22

    交叉过滤器过滤器未过滤(dc.js)

  23. 23

    dc.js /交叉过滤器性能问题12,000多行CSV数据

  24. 24

    使用现有过滤器重绘所有dc.js图表

  25. 25

    在URI中存储dc.js过滤器并还原它们

  26. 26

    dc.js:点击过滤并重绘图表

  27. 27

    使用dc.js /交叉过滤器绘制平均值

  28. 28

    使用 dc.js 的简单列表过滤器和搜索过滤器?

  29. 29

    dc.js - 删除旧图表并在范围滑块过滤器上重绘图表

热门标签

归档