• About UGM
  • Academic portal
  • IT Center
  • Library
  • Research
  • Webmail
  • EN
    • ID
    • EN
Universitas Gadjah Mada Directorate of Student Affairs
Universitas Gadjah Mada
  • Home
  • About Ditmawa
    • PROFILE of DITMAWA
    • Organizational Structure
  • Ditmawa Programs
    • Student Creativities
    • Student Character Development
    • Student Organization and Activities
    • Student Welfares
  • Facilities
  • Directory
    • home copy 1
    • home copy 2
    • home copy 3
    • home copy 4
  • Home
  • Organizational Structure

Organizational Structure

  • 27 January 2017, 17.52
  • Oleh: ferry_ts
  • 0


{{

Organization charts are a common case of hierarchical network charts,
where the parent/child relationships between nodes are visualized.
Highcharts includes a dedicated organization chart type that streamlines
the process of creating these types of visualizations.

Highcharts.chart('container', {
chart: {
height: 600,
inverted: true
},

title: {
text: 'Highcharts Org Chart'
},

accessibility: {
point: {
descriptionFormatter: function (point) {
var nodeName = point.toNode.name,
nodeId = point.toNode.id,
nodeDesc = nodeName === nodeId ? nodeName : nodeName + ', ' + nodeId,
parentDesc = point.fromNode.id;
return point.index + '. ' + nodeDesc + ', reports to ' + parentDesc + '.';
}
}
},

series: [{
type: 'organization',
name: 'Highsoft',
keys: ['from', 'to'],
data: [
['Shareholders', 'Board'],
['Board', 'CEO'],
['CEO', 'CTO'],
['CEO', 'CPO'],
['CEO', 'CSO'],
['CEO', 'HR'],
['CTO', 'Product'],
['CTO', 'Web'],
['CSO', 'Sales'],
['HR', 'Market'],
['CSO', 'Market'],
['HR', 'Market'],
['CTO', 'Market']
],
levels: [{
level: 0,
color: 'silver',
dataLabels: {
color: 'black'
},
height: 25
}, {
level: 1,
color: 'silver',
dataLabels: {
color: 'black'
},
height: 25
}, {
level: 2,
color: '#980104'
}, {
level: 4,
color: '#359154'
}],
nodes: [{
id: 'Shareholders'
}, {
id: 'Board'
}, {
id: 'CEO',
title: 'CEO',
name: 'Atle Sivertsen',
image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2022/06/30081411/portrett-sorthvitt.jpg'
}, {
id: 'HR',
title: 'CFO',
name: 'Anne Jorunn Fjærestad',
color: '#007ad0',
image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131210/Highsoft_04045_.jpg'
}, {
id: 'CTO',
title: 'CTO',
name: 'Christer Vasseng',
image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131120/Highsoft_04074_.jpg'
}, {
id: 'CPO',
title: 'CPO',
name: 'Torstein Hønsi',
image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131213/Highsoft_03998_.jpg'
}, {
id: 'CSO',
title: 'CSO',
name: 'Anita Nesse',
image: 'https://wp-assets.highcharts.com/www-highcharts-com/blog/wp-content/uploads/2020/03/17131156/Highsoft_03834_.jpg'
}, {
id: 'Product',
name: 'Product developers'
}, {
id: 'Web',
name: 'Web devs, sys admin'
}, {
id: 'Sales',
name: 'Sales team'
}, {
id: 'Market',
name: 'Marketing team',
column: 5
}],
colorByPoint: false,
color: '#007ad0',
dataLabels: {
color: 'white'
},
borderColor: 'white',
nodeWidth: 65
}],
tooltip: {
outside: true
},
exporting: {
allowHTML: true,
sourceWidth: 800,
sourceHeight: 600
}

});
}}

Universitas Gadjah Mada

DIRECTORATE OF STUDENT AFFAIRS
GADJAH MADA UNIVERSITY
UGM Central Building, 1st Floor North Wing
Bulaksumur, Yogyakarta
Indonesia, 55281
Tel: (+62 274) 6492613,
Fax: (+62 274) 554128

About Ditmawa

  • Profile of Ditmawa
  • Organizational Structure

Ditmawa Programs

  • Student Creativities
  • Student Character Development
  • Student Organization and Activities
  • Student Welfares

Facilities

  • Facilities

Directory

  • home copy 1
  • home copy 2
  • home copy 3
  • home copy 4

© 2017 Directorate of Student Affairs

KEBIJAKAN PRIVASI/PRIVACY POLICY

[EN] We use cookies to help our viewer get the best experience on our website. -- [ID] Kami menggunakan cookie untuk membantu pengunjung kami mendapatkan pengalaman terbaik di situs web kami.I Agree / Saya Setuju