我正在尝试创建一个具有多线性x轴的可缩放图表。如果我没有有多线轴,那么一切都会像预期的那样工作。然而,当使用多线轴时,摇摄(和缩放)是非常扭曲的。如果你拖曳图表到平移,你会看到点和x轴扭曲。该示例使用默认的D3js缩放行为。任何建议,以获得顺利的摇摄/缩放将不胜感激。
我使用转换来定位元素,因为我在指定cx和cy值时遇到了一些问题(特别是在向平移或缩放的图表中添加新数据时)。
以下是缩放功能:
var onZoom = function () {
if (d3.event.scale == 1) { //panning
} e
我有一个图表,我在上面显示了非常小的间隔时间数据(接近2分钟),当我在图表的centre使用拖动进行放大时,对服务器的调用获得了缩放的数据,但在x轴,导航器(水平滚动)将放大的数据移动到extreme left,它本应位于时间线的中心。
Say for example timeline has interval in seconds as below
0---30---60---90---120
and I zoom in at 30 to 90
The navigator or scroll axis should have stayed at 0---120 and the focus