0

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

网页：

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

数据源 ：

[ {userId: 5, name: "用户名示例", value: 69.6} ... ]

事实上，我想获得“ userId ”部分，但我做不到。当我选择一个酒吧时， onSelect只获取“名称”和“值”部分，而不是 ' userId”部分。

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

所以我认为：

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

我怎样才能做到这一点 ？

4

2 回答 2

0

我找到了一个简单的解决方案：extra只添加一个字段，没关系。

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

{ name: '用户名', value: 40,32, extra: { userId: 17 }

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

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

于 2018-04-29T16:02:26.133 回答
0

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

const userId = dataSource.find(t=>t.name === 'onselectedname').userId;
于 2018-04-29T01:56:15.773 回答