时间戳

首页 > 解决方案 > d3 zoom 抛出无法读取 null 错误的属性按钮

reactjs - d3 zoom 抛出无法读取 null 错误的属性按钮

问题描述

以下是确切的错误，

Uncaught TypeError: Cannot read property 'button' of null
    at SVGSVGElement.defaultFilter (zoom.js:12)
    at SVGSVGElement.wheeled (zoom.js:213)
    at SVGSVGElement.__onwheel.zoom (d3.js:1667)

由于我将 React.js 与数据映射一起使用，因此我使用 done 函数来处理缩放事件

这些是我的导入语句，

import {zoom} from 'd3-zoom';
import {event as d3Event} from 'd3-selection';

以下是datamap的完成功能，

done: function(datamap) {
        datamap.svg.call(zoom().on("zoom", function() {
          console.log("Zoome event");
          datamap.svg.selectAll("g").attr("transform", "translate(" + d3Event.translate + ")scale(" + d3Event.scale + ")");
        }));
      },

我正在使用 D3 版本 4，请找到解决此问题的方法

标签： reactjsd3.jsdatamaps

解决方案

推荐阅读