Javascript d3版本6变焦功能不工作。”；出口'；事件'；在'；d3选择'；

我使用npm install d3&&npm install@types/d3--save-dev安装了d3Charts

package.json中的d3版本信息

"dependencies": {
   "d3": "^6.1.1",
}
"devDependencies": {
    .....
    "@types/d3": "^5.7.2",
      ....
}

下面是代码片段。 图表正常显示，但缩放功能出现问题

错误：“在“d3选择”中未找到导出“事件”

import { DOCUMENT } from '@angular/common';
import { Component, Inject, OnInit } from '@angular/core';
import * as d3 from 'd3';

      let transform = d3.zoomIdentity.translate(200, 0).scale(1);
      let zoom = d3.zoom().scaleExtent([0.5,10]).on("zoom", handleZoom);

  function handleZoom() {
          if ( svg ) {
              svg.attr("transform", d3.event.transform);
          }

在@types下，选中index.d.ts

export * from 'd3-array';
export * from 'd3-axis';
export * from 'd3-brush';
export * from 'd3-chord';
export * from 'd3-collection';
export * from 'd3-color';
export * from 'd3-contour';
export * from 'd3-dispatch';
export * from 'd3-drag';
export * from 'd3-dsv';
export * from 'd3-ease';
export * from 'd3-fetch';
export * from 'd3-force';
export * from 'd3-format';
export * from 'd3-geo';
export * from 'd3-hierarchy';
export * from 'd3-interpolate';
export * from 'd3-path';
export * from 'd3-polygon';
export * from 'd3-quadtree';
export * from 'd3-random';
export * from 'd3-scale';
export * from 'd3-scale-chromatic';
export * from 'd3-selection';
export * from 'd3-shape';
export * from 'd3-time';
export * from 'd3-time-format';
export * from 'd3-timer';
export * from 'd3-transition';
export * from 'd3-voronoi';
export * from 'd3-zoom';

---

我在

@types/d3

d3中也遇到了许多d3类型错误。事件不再存在，因为事件现在是传递给事件侦听器函数的第一个参数，类似于：
函数handleZoom（event）{svg.attr（“transform”，event.transform；}）
。我相信这是您错误的根源。感谢您的帮助@Andrew Reid。