问如何将d3 -选择-多个添加到d3中？

EN

我喜欢d3 V4让我觉得自己完全无能的能力。我似乎想不出如何在webpack和我的其他模块一起制作自己的定制包.因此，我只是简单地尝试使用普通的d3包，并在其中添加多选择功能。

我在Range2中创建了一个d3服务，以便在组件之间注入d3对象。

import {Injectable} from "@angular/core";

import * as d3 from "d3";
import "d3-selection-multi";
export type D3 = typeof d3;

@Injectable()
export class D3Service {
    constructor() {
    }

    private d3: D3 = d3;

    getD3 = () => {
        return this.d3;
    };
}

一切都很好，直到我尝试访问多种选择功能，比如使用.attrs。

let test = this.d3.select("body").styles({
            "background-color": "#F00",
            "color": "#00F"
        });

我的浏览器抱怨说它不知道.attrs是什么。

error_handler.js:47异常: Uncaught (承诺)：Error: Error in ./ListingComponent类ListingComponent_Host -内联模板:0:0由: class .d3..styles(.).styles不是函数TypeError: class.d3.select(.).styles不是函数

我还尝试将这两个对象与Object.assign合并，但没有结果。

我做错了什么？很可能是些愚蠢的小事。