Угловые ngx-диаграммы как получить номер оси x

Question

У меня вертикальная диаграмма Angular Ngx, и мне нужно получить только номер оси x. Я хочу использовать этот номер оси x в функции onSelect.

HTML:

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

Источник данных:

[{userId: 5, name: "Пример имени пользователя", значение: 69.6} ...]

Я хочу получить часть " userId ", но не смог. Когда я выбираю бар, onSelect получает только части " name " и " value ", но не ' userId ' часть.

На самом деле, я хочу, чтобы это было прямо противоположно этому : https://github.com/swimlane/ngx-charts/issues/409
Здесь я хочу скрыть все данные, но я хочу получить все данные, когда нажимаю на панель.

Так что я думаю, что:

• Получить номер оси x
• userId = dataSource [xAxisNumber] .userId;

Как я могу это сделать?

Answer 1

Я нашел простое решение: Добавлено только поле extra, и все в порядке.

Теперь мой источник данных выглядит так:

{name: 'User Name', значение: 40,32, дополнительно: {userId: 17}

так что теперь я могу получить дополнительное поле, затем я могу использовать userId поле.

Это помогло мне: https://github.com/swimlane/ngx-charts/issues/506

Answer 2

Поскольку у вас уже есть имя, вы можете использовать метод array.find () для получения значений userId следующим образом:

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