d3 v4缩放线,没有放大/缩小svg线元素

时间:2016-07-07 12:49:42

标签: d3.js zoom

我移植了一个D3 v3图形小部件,它使用平移和缩放到v4并且卡在缩放变化上。 v4中的缩放API使用不同的模型,在这些模型上管理元素的缩放,而不是一般的缩放变换。

我有很多数据点可以在最初故意使数据点非常接近的时间刻度上绘制,并且用户可以使用缩放深入钻取数据以获取更多细节。在v3中,当使用新比例自动调整svg线时放大,但是当在svg线上应用缩放比例时,我得到增加svg线元素的厚度而不是解析更多细节(并保持线厚度不变)。我对缩放x或y轴没有任何问题。

这种行为是预期的缩放功能,但不是我想要的。我已经阅读了用于缩放的新API,并且无法确定要使用的缩放功能,这会给我v3行为,其中放大显示折线图中的更多细节并且不会放大线厚度

在第3版中,D3会在缩放事件处理程序中使用以下内容缩放svg行,但这不会在v4中工作。

chart.select("#seriesLine" + i).attr("d", series[i].d3Line(series[i].data))

自从我编写原始图形小部件以来已经有一段时间了,所以我可能不记得如何正确设置D3,但我认为我只是没有修改新的缩放功能,而且没有类似的缩放示例来学习。

任何提示?

0 个答案:

没有答案