Как построить кликабельные пузырьковые графики в версиях Angular 2+?

Question

Я хотел построить пузырьковый график в своем угловом приложении. тогда как все эти пузырьки (по осям X и Y) должны быть кликабельными, и после того, как пользователь нажмет на них, он должен показывать отношения между несколькими дочерними элементами, используя простую линию.

Так есть ли способ достичь этой функциональности в приложении Angular 6?

Я много искал в Google. Ниже приведены ссылки, которые я получил, но все они не являются кликабельными пузырьковыми графиками:

1. https://valor -software.com / NG2-графики / # BubbleChart
2. https://www.jqwidgets.com/angular-bubble-chart/
3. https://stackblitz.com/edit/amcharts3-angular-bubble-chart-demo-mzsbu8
4. https://www.syncfusion.com/angular-ui-components/angular-charts/chart-types/bubble-chart

любой ответ или предложение мне очень помогут, так как это нужно мне, и я ищу его последние два дня.

Пример:

Допустим, у меня есть следующий JSON:

{
  name: 'First Bubble',
  id: 1
  childs: [
   {
     name: 'First child 1',
     id: 1.1
   },
   {
     name: 'Second child 2',
     id: 1.2
   }
]
}

Итак, в этом случае пользовательский интерфейс будет отображать один пузырь, который является родительским, и при щелчке на нем должны отображаться все пузырьки его ребенка. все эти дети должны быть связаны простой линией с его родителем ..