Angular 角度ngx图表如何获取x轴编号

Angular 角度ngx图表如何获取x轴编号,angular,bar-chart,axis,onselect,ngx-charts,Angular,Bar Chart,Axis,Onselect,Ngx Charts,我有一个角度Ngx垂直图,我只需要得到x轴编号。我想在onSelect函数中使用这个x轴编号 Html: <ngx-charts-bar-vertical [xAxisLabel]="xAxisLabel" [yAxisLabel]="yAxisLabel" (select)="onSelect($event)" [results]="dataSource"> </ngx-charts-bar-vertic

我有一个角度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:“用户名示例”,值:69.6}…]

事实上,我想得到“用户ID”部分,但我不能。 当我选择一个条时,onSelect只获取“名称”和“”部分,而不是“用户ID”部分

事实上,我想要的正是与此相反的东西 :
这里我想隐藏所有数据,但我想在单击一个栏时获取所有数据

因此,我认为:

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

我该怎么做呢?

既然你已经有了这个名字,你可以使用array.find()方法来获取用户ID值,如下所示

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

我找到了一个简单的解决方案: 只添加了一个
额外的
字段,就可以了

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

{name:'User name',值:40,32,额外:{userId:17}

所以现在我可以得到额外的字段,然后我可以得到使用用户ID字段

它帮助了我:

很抱歉,由于使用相同的用户名,此技术不起作用。请使用array.filter()并访问第0页name@mevaka什么?我不明白:你有5个数据具有相同的名称和值,如果你使用这种技术,你每次只能显示0ht数据,但你也要显示0th、1st、2nd等数据。是的,我知道我可以创建一个helper变量来计算我单击和引用它的次数,但设置的值相同不仅仅是一个,例如我有100个数据,其中5个的值是6,7个的值是5等等。我只想访问引用我点击的数据的数量,因为我有很多数据,其中一些数据实际上是相同的。