Ниже приводится точная ошибка,
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';
Ниже приведена функция done для карты данных,
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, и, пожалуйста, найдите мне способ решить эту проблему