d3.js 通过滑块的值对svg放大缩小

Question

现在有一个滑块，

可以获取滑块的值，
通过滑块的值，去实现svg的放大缩小，用的是d3.js的api
function zoomInOut(stepSize) {
zoom.translateBy(svg.transition(), 0, 0);
zoom.scaleBy(svg.transition(), stepSize);
}

就是放大缩小的系数不知道怎么弄，
这是vue组件watch方法
zoomScale(val, oldVal) {

    const size = (val / oldVal);
    console.log(size);
    zoomInOut(size);
  },

，，，，
有问题啊，放大缩小不是线性变化