Question

我想在angular2中使用d3js，但是当我想在元素更改时添加转换时会出现错误： Property 'transition' does not exist on type 'Selection<BaseType, {}, null, undefined>' 我用angular-cli生成项目，angular的版本是4.0.0，而d3js是4.8.0

这是我的typings.d.ts：

declare module 'd3' {
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-dispatch';
export * from 'd3-drag';
export * from 'd3-dsv';
export * from 'd3-ease';
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-queue';
export * from 'd3-random';
export * from 'd3-request';
export * from 'd3-scale';
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';

}

这是我的app.component.ts

import * as d3 from 'd3';
......
d3.select(this).select("path").transition().attr("d", function(d) {
            console.log(d);
            return arc2(<any>d);
        })

如果我删除transition()，则表现良好。

如何解决？感谢

Answer 1

我通过以下方式修正了代码：

import { select as d3Select } from 'd3-selection';
import { transition as d3Transition } from 'd3-transition';
d3Select.prototype.transition = d3Transition;

，然后在选择的代码中使用d3Select

您可以遵循： https://github.com/DefinitelyTyped/DefinitelyTyped/issues/16176

财产转型＆＃39;类型＆＃39;选择不存在<basetype，{}，=“”null，=“”undefined =“”>＆＃39;

1 个答案: