Question

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

Html：

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

DataSource：

[{userId：5，name：＆＃34; User Name example＆＃34;，value：69.6} ...]

我想得到＆＃34; userId ＆＃34;事实上，但我无法做到。当我选择一个栏时， onSelect 只会获得＆＃34; 名称＆＃34;和＆＃34; 值＆＃34;部分，但不是＆＃39; userId ＆＃39;一部分。

实际上，我希望这与这些东西完全相反：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字段，确定无误。

现在我的dataSource就是这样：

{姓名：＆＃39;用户名＆＃39;，价值：40,32，额外：{userId：17}

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

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

Angular ngx-charts如何获得x轴编号

2 个答案: