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

Question

<el-slider v-model="zoomScale"

               vertical
               height="100px"></el-slider>

这是element UI
里的滑块样式

zoomScale(val, oldVal) {

    if (val > oldVal) {
      this.zoomIn();
    } else {
      this.zoomOut();
    }
  },

这是写在watch的监测放法

const stepZoomIn = 1.4; // 单次放大比例
const stepZoomOut = 0.8; // 单次缩小比例
function zoomIn() {
zoom.translateBy(svg.transition(), 0, 0);
zoom.scaleBy(svg.transition(), stepZoomIn);
}
function zoomOut() {
zoom.translateBy(svg.transition(), 0, 0);
zoom.scaleBy(svg.transition(), stepZoomOut );
}
这是写在js里的调用方法

问题是滑块滑动的时候的值怎么影响放大缩小的倍数