Angular 在ng2图表中使用函数

嗨，我目前正试图得到一个简单的功能在ng2图表工作

我的职能：

  changeFontColor(){
    let change = this.lineChartOptions.legend.labels.fontColor = "red";
    return change;
  };

和我的线形图选项：

public lineChartOptions: ChartOptions = {
    responsive: true,
    legend:{
    onHover: this.changeFontColor,
     labels: {
      boxWidth: 10, 
      padding: 20,
    
      fontSize: 15,
      fontFamily: "new Times Roman",
      fontStyle: "bold",
      fontColor: "grey",
  };

---

但是我不知道为什么它不工作控制台说

lineChartOptions

未定义，但我没有任何红色下划线，也不知道如何修复它。

您应该定义

onHover

回调函数，如下所示：

onHover: () => this.changeFontColor(), 

changeFontColor

方法也必须更改。请注意，我重新分配了

lineChartOptions

及其副本，以使角度变化检测工作正常

changeFontColor(): void {
  this.lineChartOptions.legend.labels.fontColor = "red";
  this.lineChartOptions = JSON.parse(JSON.stringify(this.lineChartOptions));
};

---

请查看您的修订版。

您能否提供可运行代码（即StackBlitz）？谢谢您的帮助，但我还有一个问题。

this.lineChartOptions=JSON.parse（JSON.stringify（this.lineChartOptions））部分是不是只有angular才能读取目录？@gamble:我重新分配了
lineChartOptions
，以确保使用新配置更新图表（另请参阅）