d3.event.transform不能用了

最新推荐文章于 2024-05-02 01:58:13 发布

原创最新推荐文章于 2024-05-02 01:58:13 发布 · 617 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #html #开发语言 #前端

文章讲述了在使用D3.js最新版本7.8.2绘制树形图时遇到的问题，即在`zoomFn`函数中调用`d3.event.transform`导致的TypeError。作者发现`d3.event`在v7中已被移除，通过查阅资料并自我探索，找到了替代方案，即直接使用参数中的`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。