如何解决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下,检查索引。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';
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。