如何在D3.js图表​​中缩放多个系列的多行?

时间:2015-12-15 10:03:06

标签: javascript d3.js charts

我的图表有3个y轴和一个x轴。我必须放大所有3轴。但是D3.zoom()仅适用于一个y轴。

1)是否可以添加另一个2轴? 2)是否可以设置所有3 y轴,中心为0?如果我缩放图表刻度必须保持在同一个地方?

enter image description here

1 个答案:

答案 0 :(得分:0)

对于每个y轴,我创建另一个缩放对象

var zoom2 = d3.behavior.zoom()
                .y(yAxis2);

然后我在缩放回调中更新它

zoom.on('zoom', function(){
    zoom2.scale(zoom.scale());
    zoom2.translate(zoom.translate());
    // update stuff
});