如何使用 customColor 更改 ngx 条形图颜色？

Question

我试图通过在 [customColor] 属性处调用 function 来更改我的 ngx 条形图的颜色，但即使 animation 模式关闭，它也会进入循环。

我曾提到以下 StackOverflow 答案，甚至在评论部分，有人也面临同样的问题。

如何使用 Ngx-Charts customColor function

setTimeOut 处理程序错误

我在 CustomColor() function 中控制了文本消息“自定义颜色调用”。 （我在 [customColor]=CustomColor() 调用）

除此之外，它工作得非常好，但不知道为什么它会进入循环？ 由于同样的原因，我的系统在几分钟后就崩溃了

控制台消息

非常感谢任何帮助。

Answer 1

我们应该避免将 function 绑定到属性，因为每次发生更改检测时都会触发它。

我建议将自定义 colors 获取到 ngOnit 中的公共数组，并将该数组绑定到 [customColor] 属性。

customColors: any[] = [];
constructor() {}

ngOnInit() {
  this.customColors = this.getCustomColors();
}

getCustomColors() {
  //retrun customColor;
}

// In template
<ngx-charts-bar-vertical
  [animations]="barAnimations"
  [customColors]="customColors"
  ...
</ngx-charts-bar-vertical>