d3.event.transform不能用了

解决方案

const zoom = d3.zoom().scaleExtent(this.scaleRange).on('zoom', this.zoomFn);


      //初始化缩放方法
      zoomFn(svg, a, b, c) {
      // 低版本方法
        // const zoom = d3.event.transform;
        // return this.container.attr('transform', svg.transform);
        
// 新版本方法
return this.container.attr('transform', svg.transform);
      },

最近参考一个别人使用的d3js代码，画树形图的，自己重新下载的d3, 使用的最新版本7.8.2。

问题

但是代码拉取下拉之后没法运行：App.vue:179 Uncaught TypeError: Cannot read properties of undefined (reading 'transform')，

查资料

查了下资料，d3.event在v7版本已经没有了。
然后开始自己的搜索之路........然而，貌似，好像有人也遇到这个问题，但是呢，我的问题依旧在。然后开始自己探索...

Debug

既然这里的参数已经带了transform, 就尝试一下此transform是否为彼transform。实践出真知，还真可以，而且缩放功能也正常使用，完美解决！

运行结果