d3.js - 如何在 dc.js 图表中将 zoomScale 限制为几个月

Question

我创建了一个带有缩放功能的画笔图表。我的图表数据值的 X 轴是日期。

我试图将最大缩放限制为几个月。

我试过了

chart.zoomScale([1, 3])

但它没有用。 这是带有缩放的图表图像，带有画笔的子图表

如何在缩放和画笔中设置几个月的限制？

标签： d3.jsdc.js

Answer 1

我认为您目前必须根据与图表当前域的比率来确定缩放限制。

这是 的文档d3.zoom.scaleExtent()，该参数所在的位置：

将比例范围设置为指定的数字数组，[k0, k1]其中k0是允许的最小比例因子，k1是允许的最大比例因子

所以

chart.zoomScale([1, 3])

表示您只能缩小到 1:1，并且只能放大到 3:1。如果您要显示 3 个月的数据，这应该是您想要的限制。但除此之外，您可能希望将第二个值设置为您正在显示的月数。

这有意义吗？它有效吗？