javascript - dc.js 图表中的多个画笔

Question

我想知道是否有某种高级方法可以在图表上使用多个画笔。问题是这样的:

我有一个堆积条形图，其中每个条形代表一个工作日，不同的指标堆叠在一起(据我所知，堆积折线图尚不可用)。现在我想让用户选择要显示的日期(并且该选择应该传播到其他图表中)。使用画笔时一切都很好，但如果您想选择位于图表末尾的星期日和位于开头的星期一，则无法使用单个画笔来完成此操作。有人知道添加更多画笔的方法吗？

或者，我正在寻找一种添加点击事件监听器的方法，该监听器会以类似于环形图部分的方式“激活”您点击的那一天。

非常感谢您的想法，雷恩拉

Answer 1

您可以尝试使用序数 x 轴而不是线性轴。序数条形图的默认行为是单击以选择/取消选择条形而不是范围选择。

这就是 chart.x(d3.scale.ordinal()).xUnits(dc.units.ordinal)。如果您使用的是 dc 1.7.1 或更早版本，则可能必须通过 d3.scale.ordinal().domain(['Monday',...])

指定域