条形图的数据集未使用Angular中的ng2图表和ng5-slider正确设置

问题描述

我有一个范围滑块和条形图。我正在尝试使用范围滑块更改条形图的颜色,我能够使用滑块成功更改条形图的颜色,但是条形图的数据无法正确显示https://stackblitz.com/edit/angular-ivy-wjpkcr

解决方法

所以我找到了问题,但您必须对其进行一些操作才能完全发挥作用。
看来,当您设置sizeof(std::unordered_map::[const_]iterator)时,图表试图呈现,但是由于背景颜色的值在std::unordered_map内无限变化而陷入了循环,请注意,您有两种绑定方式滑块:

[datasets]="getBarChartData()"

,您不能依靠它来正确更新图表。
我所做的是,我向滑块添加了一个getBarChartData()事件,并在滑块中的值发生更改时更新了图表。

<ng5-slider [(value)]='value' [(highValue)]='highValue' [options]='options'>

我还添加了ngOnInit()来正确初始化valueChange
链接到演示:link