CODEWITHSUNDEEP
javascriptjqueryhighcharts
Gnana
Gnana

Reputation: 77

Network chart nodes relation nodes merging -> highcharts

im working on network graph highcharts each node should have a new child but it should not merge with another subnode if its has the same name, like child1, child2, child3, pointing to subchild1,for each individual we should have the individual nodes pointing to each one

fiddle link -> https://jsfiddle.net/GnanaSagar/36k2wmry/1/
enter image description here

Upvotes: 2

Views: 1107

Answers (2)

ppotaczek
ppotaczek

Reputation: 39139

You can also use the formatter function for data labels:

series: [{
    dataLabels: {
        enabled: true,
        format: undefined,
        formatter: function() {
            if (this.key.indexOf('subchild') >= 0) {
                return 'subchild1'
            }
            return this.key
        }
    },
    data: [...,
        {
            from: 'child1',
            to: 'subchild1'
        },
        {
            from: 'child2',
            to: 'subchild2'
        },
        {
            from: 'child3',
            to: 'subchild3'
        }
    ]
}]

Live demo: https://jsfiddle.net/BlackLabel/n4gd8v3r/

API: https://api.highcharts.com/highcharts/series.networkgraph.dataLabels.formatter

Upvotes: 2

AVAVT
AVAVT

Reputation: 7143

So apparently series.networkgraph.nodes works.

series: [{
    dataLabels: {
      enabled: true
    },
    data: [
            {from: 'parent', to: 'child1'},
            {from: 'parent', to: 'child2'},
            {from: 'parent', to: 'child3'},
            {from: 'child1', to: 'subchild1.1'},
            {from: 'child2', to: 'subchild2.1'},
            {from: 'child3', to: 'subchild3.1'}
    ],
    nodes: [{
        id: 'subchild1.1',
        name: 'subchild1'
      },
      {
        id: 'subchild2.1',
        name: 'subchild1'
      },
      {
        id: 'subchild3.1',
        name: 'subchild1'
      }
    ]
  }]

jsFiddle: https://jsfiddle.net/9g42nqza/ (I have to comment out some of your original code because it was throwing error).

Upvotes: 2

Related Questions