ngx-charts-pie-chart angular5 库数据格式答案

【问题标题】：ngx-charts-pie-chart angular5 library data formatngx-charts-pie-chart angular5 库数据格式
【发布时间】：2018-05-23 22:51:23
【问题描述】：

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

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

在源代码中我发现该方法只发出value 和name 属性。

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

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

【问题讨论】：

标签： typescript angular5 ngx-charts

【解决方案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
    });
};

【讨论】：