typescript - ngx-charts-pie-chart angular5 库数据格式

Question

我ngx-charts在我的项目中使用该库。

该onSelect方法返回一个具有两个属性的对象：value和name。尽管我的类型any[]列表是具有三个属性的对象列表value：name和id.

在源代码中，我发现该方法只发出valueandname属性。

PieGridSeriesComponent.prototype.onClick = function (data) {
        this.select.emit({
            name: this.data[0].data.name,
            value: this.data[0].data.value
        });
    };

我可以修改源文件还是有另一种方法来改变它在 onSelect 方法中通过点击事件返回的内容？

标签： typescriptangular5ngx-charts

Answer 1

Javascript（我认为实际上 TypeScript 也是）是一种原型语言。这意味着您实际上可以onClick使用自己定义的函数来覆盖原型，而无需修改源代码。

这意味着它应该（可能）将以下内容放在您自己的源代码中的某个位置：

PieGridSeriesComponent.prototype.onClick = function (data) {
    this.select.emit({
        name: this.data[0].data.name,
        value: this.data[0].data.value,
        id: this.data[0].data.id
    });
};