Angular ngx-charts如何获取x轴数

Question

我有一个 Angular Ngx 垂直图表，我只需要获取 x 轴编号。我想在 onSelect 函数中使用这个 x 轴编号。

Html :

  <ngx-charts-bar-vertical
        [xAxisLabel]="xAxisLabel"
        [yAxisLabel]="yAxisLabel"
        (select)="onSelect($event)"
        [results]="dataSource">
  </ngx-charts-bar-vertical>

数据源：

[ {userId: 5, name: "User Name example", value: 69.6} ... ]

事实上，我想获得“userId”部分，但我做不到。 当我 select 一个 bar 时，onSelect 只得到“name”和“value" 部分，但不是 'userId' 部分。

实际上，我想要与这些东西完全相反的东西 : https://github.com/swimlane/ngx-charts/issues/409
这里想隐藏所有数据，但我想在单击某个栏时获取所有数据。

所以我认为：

• 获取x轴编号
• userId = dataSource[xAxisNumber].userId;

我该怎么做？

Answer 1

因为您已经有了名称，所以您可以使用 array.find() 方法获取 userId 值，如下所示，

const userId = dataSource.find(t=>t.name === 'onselectedname').userId;

Answer 2

我找到了一个简单的解决方案： 仅添加了一个 extra 字段，没问题。

现在我的数据源是这样的:

{ name: 'User Name', value: 40,32, extra: { userId: 17 }

所以现在我可以获得 extra 字段，然后我可以使用 userId 字段。

它帮助了我： https://github.com/swimlane/ngx-charts/issues/506