如何突出显示 ngrx-charts 中的 activeEntries

Question

如何在 ngrx-charts 中突出显示折线图的 activeEntries。

文档说：

activeEntries object[] [] 要突出显示的元素

https://swimlane.gitbook.io/ngx-charts/examples/line-area-charts/line-chart

但是，当我传入对象数组时，没有任何内容突出显示。

我已经尝试过以下方法：

const activeEntries = [
  {name: "Mar 20, 2020", value: 73, series: "Table Name"}
];

const activeEntries = [
  {name: "Mar 20, 2020", value: 73}
];

我传入的数据如下所示：

const data = [
   {
      "name": "Table Name",
      "series": [
         {name: "Mar 18, 2020", value: 71},
         {name: "Mar 19, 2020", value: 72},
         {name: "Mar 20, 2020", value: 73}
      ]
   }
];

以及我的模板的片段

<ngx-charts-line-chart [activeEntries]="activeEntries" [results]="data" ...></ngx-charts-line-chart>

我是否误解了这里的文档？

感谢您的帮助

Answer 1

活动条目必须是整个对象：

const activeEntries = [
  {
      "name": "Table Name",
      "series": [
         {name: "Mar 18, 2020", value: 71},
         {name: "Mar 19, 2020", value: 72},
         {name: "Mar 20, 2020", value: 73}
      ]
   }
];

或者

const activeEntries = data[0];

堆栈闪电战