CODEWITHSUNDEEP
javascripthtmlhighcharts
Al Grant
Al Grant

Reputation: 2354

High Charts - Organizational Chart

I want to use the high charts organizational chart but could not remove the top level parent "shareholders". The test chart looks like:

enter image description here

The example at high charts has a jsfiddle here.

I tried to remove share holders from the link series:

    series: [{
    type: 'organization',
    name: 'Highsoft',
    keys: ['from', 'to'],
    data: [
        ['Shareholders', 'Board'], // deleted this line
        ['Board', 'CEO'],
        ['CEO', 'CTO'],
        ['CEO', 'CPO'],
        ['CEO', 'CSO'],
        ['CEO', 'HR'],
        ['CTO', 'Product'],
        ['CTO', 'Web'],
        ['CSO', 'Sales'],
        ['HR', 'Market'],
        ['CSO', 'Market'],
        ['HR', 'Market'],
        ['CTO', 'Market']
    ],

And also deleted shareholders from nodes:

        }],
    nodes: [{
        id: 'Shareholders' // deleted this line and { } above/below
    }, {
        id: 'Board'
    }, {

But then the chart didn't render at all. How do I remove shareholders?

Upvotes: 1

Views: 292

Answers (1)

Johnson Samuel
Johnson Samuel

Reputation: 2076

Since you removed the data Shareholders, you might want to change the column for Market

{
      id: 'Market',
      name: 'Marketing team',
      column: 4
    }

Working Example:

https://codepen.io/johnsonsamuel/pen/WNRVdRB

Upvotes: 2

Related Questions