Узлы NGX-Graph становятся черными при использовании третьего свойства

Question

Я пытаюсь создать дерево крон, используя ngx-graph , и связать каждый узел с всплывающим окном, поэтому я выбрал " @ material-extended / mde"проблема в том, что я пытаюсь определить всплывающее содержимое по узлу, поэтому я попытался использовать свойство" data". Но всякий раз, когда я добавляю какое-либо новое свойство к узлам (кроме id и label ), анализ завершается неудачно, и все узлы становятся черными.

Есть ли способ, которым я могу сделать всплывающее окно до работы с содержимым, я планирую иметь формы и сетки данных во всплывающем окне в зависимости от узла?

Вот ссылка на над стеком, над которым я работаю

Всегда происходит сбой на узле с дополнительным полем, поэтому я подумал, что это проблема синтаксического анализа, или структура узла предопределена и не может иметь график с более чем 2 полями (идентификатор и метка).

Answer 1

Устанавливая node.data = 'testdata', вы перезаписываете исходное свойство node.data, которое используется, например, для node.data.color.

Чтобы решить вашу проблему, вы можете определить объект данных и создать собственное свойство внутри * 1006. *

Например

Компонент:

{
    id: 'First',
    label: '12/10/2012 - 12/10/2013',
    data: { tooltip:'First testdata' }
  }

Html:

 <mat-card-content>
     Here goes data form/data grid {{node.data?.tooltip}}
 </mat-card-content>

Вот рабочий Stackblitz .

---

Однако node.data уже используется ngx-graph. Возможно, вы хотите определить собственное свойство, чтобы избежать каких-либо побочных эффектов.

Например:

Компонент:

{
    id: 'First',
    label: '12/10/2012 - 12/10/2013',
    tooltip:'First testdata'
  }

Html:

 <mat-card-content>
     Here goes data form/data grid {{node.tooltip}}
 </mat-card-content>