图表不反映活动条目,除非我在标记中将其设置为 array.slice() - 这将禁用选择点 - Stackblitz inside

Chart does not reflect active entries unless I set it to array.slice() in the markup -- this will disable selecting points - Stackblitz inside

折线图上有 select 事件,您可以在其中 select 点和图例 items.Line 图表有 activeElements 输入 属性,它采用活动数组元素。

折线图不会对 activeElements 数组的更改做出反应,除非您使用 .slice() 作为局部变量或 redux 状态对象在标记中输入它:

[activeEntries]="array.slice()"
[activeEntries]="(array | async).slice()"

这有效,但是当您再点击点时 (select) 事件不会被触发。

如果您删除 .slice() -- 您将能够 select 两者 -- 但图表将不再对 activeEntries 更改作出反应,无论如何。

这包括让 activeEntries 成为 redux 状态对象,其中每次更改时整个状态都是一个新对象——在任何地方调用 changeDetection 根本不会影响它。

这是一个堆栈闪电战: https://stackblitz.com/edit/angular-ngx-charts-testing-stuff?file=src/ -- stackblitz.

我在各处都对代码和标记进行了注释,因此您可以理解我在代码中尝试做的事情。

我希望能够在使用 .slice() 时单击点 + 图例,或者让图表对 activeEntries 数组的更改做出反应。

实际上,要突出显示活动条目需要花费更多的时间,而调用 .slice 完全起作用纯属巧合。

我需要的实际上还不是一个功能。