1 : /* global Spyral, Highcharts */
2 : 
3 : import NetworkGraph from './networkgraph';
4 : 
5 : import Util from './util.js';
6 : 
7 : /**
8 :  * The Chart class in Spyral.
9 :  * This class provides methods for creating a variety of charts.
10 :  * Charts are created using the [Highcharts Library]{@link https://api.highcharts.com/highcharts/}.
11 :  * Highcharts have many configuration options and Spyral.Chart helps to streamline the process.
12 :  * A simple example:
13 :  * 
14 :  * 	Spyral.Chart.line({ series: [{ data: [0,2,1,3] }] })
15 :  * 
16 :  * A more complex example:
17 :  * 
18 :  * 	Spyral.Chart.column({
19 :  * 		title: 'Wildflowers',
20 :  * 		series: [{
21 :  * 			name: 'Ontario',
22 :  * 			data: [13, 39, 139, 38]
23 :  * 		},{
24 :  * 			name: 'Quebec',
25 :  * 			data: [14, 33, 94, 30]
26 :  * 		}],
27 :  * 		xAxis: {
28 :  * 			title: 'Number of Petals',
29 :  * 			categories: [3, 4, 5, 6]
30 :  * 		}
31 :  * 	})
32 :  * 
33 :  * @memberof Spyral
34 :  * @class
35 :  */
36 : class Chart {
37 : 	/**
38 : 	 * The Highcharts config object
39 : 	 * @typedef {Object} Spyral.Chart~HighchartsConfig
40 : 	 * @property {(string|object)} title
41 : 	 * @property {(string|object)} subtitle
42 : 	 * @property {Object} credits
43 : 	 * @property {Object} xAxis
44 : 	 * @property {Object} yAxis
45 : 	 * @property {Object} chart
46 : 	 * @property {Array<Spyral.Chart~HighchartsSeriesConfig>} series
47 : 	 * @property {Object} plotOptions
48 : 	 */
49 : 
50 : 	/**
51 : 	 * The series config object
52 : 	 * @typedef {Object} Spyral.Chart~HighchartsSeriesConfig
53 : 	 * @property {Array} data
54 : 	 * @property {string} [name]
55 : 	 */
56 : 
57 : 	/**
58 : 	 * Construct a new Chart class
59 : 	 * @constructor
60 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
61 : 	 * @param {Array} data An array of data to visualize.
62 : 	 */
63 : 	constructor(target, data) {
64 : 		if (Util.isNode(target)) {
65 : 			if (target.isConnected === false) {
66 : 				throw new Error('The target node does not exist within the document.');
67 : 			}
68 : 		} else if (Util.isString(target) === false) {
69 : 			data = target;
70 : 			target = undefined;
71 : 		}
72 : 		this.target = target;
73 : 		this.data = data;
74 : 	}
75 : 
76 : 	/**
77 : 	 * Create a new chart.
78 : 	 * See [Highcharts API]{@link https://api.highcharts.com/highcharts/} for full set of config options.
79 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
80 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
81 : 	 * @returns {Highcharts.Chart}
82 : 	 */
83 : 	create(target, config) {
84 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
85 : 		return Highcharts.chart(target, config);
86 : 	}
87 : 	
88 : 	/**
89 : 	 * Create a new chart.
90 : 	 * See [Highcharts API]{@link https://api.highcharts.com/highcharts/} for full set of config options.
91 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
92 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
93 : 	 * @returns {Highcharts.Chart}
94 : 	 * @static
95 : 	 */
96 : 	static create(target, config) {
97 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
98 : 		return Highcharts.chart(target, config);
99 : 	}
100 : 
101 : 	static _handleTargetAndConfig(target, config) {
102 : 		if (Util.isNode(target) === false && typeof target === 'object') {
103 : 			config = target;
104 : 			target = undefined;
105 : 		}
106 : 		
107 : 		if (target === undefined) {
108 : 			if (typeof Spyral !== 'undefined' && Spyral.Notebook) {
109 : 				target = Spyral.Notebook.getTarget();
110 : 				if (target.clientHeight <= 40) {
111 : 					target.style.height = '400px'; // 400 is the default Highcharts height
112 : 				}
113 : 			} else {
114 : 				target = document.createElement('div');
115 : 				document.body.appendChild(target);
116 : 			}
117 : 		} else {
118 : 			if (Util.isNode(target) && target.isConnected === false) {
119 : 				throw new Error('The target node does not exist within the document.');
120 : 			}
121 : 		}
122 : 
123 : 		// convert title and suppress if not provided
124 : 		if ('title' in config) {
125 : 			if (typeof config.title === 'string') {
126 : 				config.title = {text: config.title};
127 : 			}
128 : 		} else {
129 : 			config.title = false;
130 : 		}
131 : 		
132 : 		// convert subtitle and convert if not provided
133 : 		if ('subtitle' in config) {
134 : 			if (typeof config.subtitle === 'string') {
135 : 				config.subtitle = {text: config.subtitle};
136 : 			}
137 : 		} else {
138 : 			config.subtitle = false;
139 : 		}
140 : 		
141 : 		// convert credits
142 : 		if (!('credits' in config)) {
143 : 			config.credits = false;
144 : 		}
145 : 		
146 : 		// suppress xAxis title unless provided
147 : 		if (!('xAxis' in config)) {config.xAxis = {};}
148 : 		if (!('title' in config.xAxis)) {
149 : 			config.xAxis.title = false;
150 : 		} else if (typeof config.xAxis.title === 'string') {
151 : 			config.xAxis.title = {text: config.xAxis.title};
152 : 		}
153 : 	
154 : 		// suppress xAxis title unless provided
155 : 		if (!('yAxis' in config)) {config.yAxis = {};}
156 : 		if (!('title' in config.yAxis)) {
157 : 			config.yAxis.title = false;
158 : 		} else if (typeof config.yAxis.title === 'string')  {
159 : 			config.yAxis.title = {text: config.yAxis.title};
160 : 		}
161 : 
162 : 		return [target, config];
163 : 	}
164 : 
165 : 	static _setDefaultChartType(config, type) {
166 : 		if ('type' in config) {
167 : 			config.chart.type = config.type;
168 : 			delete config.type;
169 : 			return;
170 : 		}
171 : 		
172 : 		// TODO: check plot options and series?
173 : 
174 : 		if ('chart' in config) {
175 : 			if ('type' in config.chart) {return;} // already set
176 : 		} else {
177 : 			config.chart = {};
178 : 		}
179 : 
180 : 		config.chart.type = type;
181 : 		return config;
182 : 	}
183 : 
184 : 	/**
185 : 	 * Add the provided data to the config as a series
186 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
187 : 	 * @param {Array} data 
188 : 	 * @static
189 : 	 */
190 : 	static setSeriesData(config, data) {
191 : 		if (Array.isArray(data)) {
192 : 			if (Array.isArray(data[0])) {
193 : 				config.series = data.map(subArray => { return {data: subArray}; });
194 : 			} else {
195 : 				config.series = [{data: data}];
196 : 			}
197 : 		}
198 : 	}
199 : 
200 : 	/**
201 : 	 * Create a bar chart
202 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
203 : 	 * @returns {Highcharts.Chart}
204 : 	 */
205 : 	bar(config={}) {
206 : 		Chart.setSeriesData(config, this.data);
207 : 		return Chart.bar(this.target, config);
208 : 	}
209 : 	/**
210 : 	 * Create a bar chart
211 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
212 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
213 : 	 * @returns {Highcharts.Chart}
214 : 	 * @static
215 : 	 */
216 : 	static bar(target, config) {
217 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
218 : 		Chart._setDefaultChartType(config, 'bar');
219 : 		return Highcharts.chart(target, config);
220 : 	}
221 : 
222 : 	/**
223 : 	 * Create a column chart
224 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
225 : 	 * @returns {Highcharts.Chart}
226 : 	 */
227 : 	column(config={}) {
228 : 		Chart.setSeriesData(config, this.data);
229 : 		return Chart.column(this.target, config);
230 : 	}
231 : 	/**
232 : 	 * Create a column chart
233 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
234 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
235 : 	 * @returns {Highcharts.Chart}
236 : 	 * @static
237 : 	 */
238 : 	static column(target, config) {
239 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
240 : 		Chart._setDefaultChartType(config, 'column');
241 : 		return Highcharts.chart(target, config);
242 : 	}
243 : 
244 : 	/**
245 : 	 * Create a line chart
246 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
247 : 	 * @returns {Highcharts.Chart}
248 : 	 */
249 : 	line(config={}) {
250 : 		Chart.setSeriesData(config, this.data);
251 : 		return Chart.line(this.target, config);
252 : 	}
253 : 	/**
254 : 	 * Create a line chart
255 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
256 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
257 : 	 * @returns {Highcharts.Chart}
258 : 	 * @static
259 : 	 */
260 : 	static line(target, config) {
261 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
262 : 		Chart._setDefaultChartType(config, 'line');
263 : 		return Highcharts.chart(target, config);
264 : 	}	
265 : 
266 : 	/**
267 : 	 * Create a pie chart
268 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
269 : 	 * @returns {Highcharts.Chart}
270 : 	 */
271 : 	pie(config={}) {
272 : 		Chart.setSeriesData(config, this.data);
273 : 		return Chart.pie(this.target, config);
274 : 	}
275 : 	/**
276 : 	 * Create a pie chart
277 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
278 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
279 : 	 * @returns {Highcharts.Chart}
280 : 	 * @static
281 : 	 */
282 : 	static pie(target, config) {
283 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
284 : 		Chart._setDefaultChartType(config, 'pie');
285 : 		return Highcharts.chart(target, config);
286 : 	}
287 : 
288 : 	/**
289 : 	 * Create a polar chart
290 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
291 : 	 * @returns {Highcharts.Chart}
292 : 	 */
293 : 	polar(config={}) {
294 : 		Chart.setSeriesData(config, this.data);
295 : 		return Chart.polar(this.target, config);
296 : 	}
297 : 	/**
298 : 	 * Create a polar chart
299 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
300 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
301 : 	 * @returns {Highcharts.Chart}
302 : 	 * @static
303 : 	 */
304 : 	static polar(target, config) {
305 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
306 : 		Chart._setDefaultChartType(config, 'polar');
307 : 		return Highcharts.chart(target, config);
308 : 	}
309 : 
310 : 	/**
311 : 	 * Create a scatter plot
312 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
313 : 	 * @returns {Highcharts.Chart}
314 : 	 */
315 : 	scatter(config={}) {
316 : 		Chart.setSeriesData(config, this.data);
317 : 		return Chart.scatter(this.target, config);
318 : 	}
319 : 	/**
320 : 	 * Create a scatter plot
321 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
322 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
323 : 	 * @returns {Highcharts.Chart}
324 : 	 * @static
325 : 	 */
326 : 	static scatter(target, config) {
327 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
328 : 		Chart._setDefaultChartType(config, 'scatter');
329 : 		return Highcharts.chart(target, config);
330 : 	}
331 : 
332 : 	/**
333 : 	 * Create a network graph
334 : 	 * @param {NetworkGraph~Config} [config]
335 : 	 * @returns {NetworkGraph}
336 : 	 */
337 : 	networkgraph(config={}) {
338 : 		Chart.setSeriesData(config, this.data);
339 : 		return Chart.networkgraph(this.target, config);
340 : 	}
341 : 	/**
342 : 	 * Create a network graph
343 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
344 : 	 * @param {NetworkGraph~Config} config 
345 : 	 * @returns {NetworkGraph}
346 : 	 * @static
347 : 	 */
348 : 	static networkgraph(target, config) {
349 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
350 : 		return new NetworkGraph(target, config);
351 : 	}
352 : 
353 : 	static _loadHighchartsModule(moduleName) {
354 : 		return Util.loadScript(`../resources/highcharts/11/modules/${moduleName}.js`);
355 : 	}
356 : 
357 : 	/**
358 : 	 * Create an arc-diagram chart
359 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
360 : 	 * @returns {Promise}
361 : 	 */
362 : 	arcdiagram(config={}) {
363 : 		Chart.setSeriesData(config, this.data);
364 : 		return Chart.arcdiagram(this.target, config);
365 : 	}
366 : 	/**
367 : 	 * Create an arc-diagram chart
368 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
369 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
370 : 	 * @returns {Promise}
371 : 	 * @static
372 : 	 */
373 : 	static async arcdiagram(target, config) {
374 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
375 : 		Chart._setDefaultChartType(config, 'arcdiagram');
376 : 		await Chart._loadHighchartsModule('arc-diagram');
377 : 		return Highcharts.chart(target, config);
378 : 	}
379 : 
380 : 	/**
381 : 	 * Create a dependency wheel chart
382 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
383 : 	 * @returns {Promise}
384 : 	 */
385 : 	dependencywheel(config={}) {
386 : 		Chart.setSeriesData(config, this.data);
387 : 		return Chart.dependencywheel(this.target, config);
388 : 	}
389 : 	/**
390 : 	 * Create a dependency wheel chart
391 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
392 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
393 : 	 * @returns {Promise}
394 : 	 * @static
395 : 	 */
396 : 	static async dependencywheel(target, config) {
397 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
398 : 		Chart._setDefaultChartType(config, 'dependencywheel');
399 : 		await Chart._loadHighchartsModule('sankey');
400 : 		await Chart._loadHighchartsModule('dependency-wheel');
401 : 		return Highcharts.chart(target, config);
402 : 	}
403 : 
404 : 	/**
405 : 	 * Create a dumbbell chart
406 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
407 : 	 * @returns {Promise}
408 : 	 */
409 : 	dumbbell(config={}) {
410 : 		Chart.setSeriesData(config, this.data);
411 : 		return Chart.dumbbell(this.target, config);
412 : 	}
413 : 	/**
414 : 	 * Create a dumbbell chart
415 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
416 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
417 : 	 * @returns {Promise}
418 : 	 * @static
419 : 	 */
420 : 	static async dumbbell(target, config) {
421 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
422 : 		Chart._setDefaultChartType(config, 'dumbbell');
423 : 		await Chart._loadHighchartsModule('dumbbell');
424 : 		return Highcharts.chart(target, config);
425 : 	}
426 : 
427 : 	/**
428 : 	 * Create a heatmap chart
429 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
430 : 	 * @returns {Promise}
431 : 	 */
432 : 	heatmap(config={}) {
433 : 		Chart.setSeriesData(config, this.data);
434 : 		return Chart.heatmap(this.target, config);
435 : 	}
436 : 	/**
437 : 	 * Create a heatmap chart
438 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
439 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
440 : 	 * @returns {Promise}
441 : 	 * @static
442 : 	 */
443 : 	static async heatmap(target, config) {
444 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
445 : 		Chart._setDefaultChartType(config, 'heatmap');
446 : 		await Chart._loadHighchartsModule('heatmap');
447 : 		return Highcharts.chart(target, config);
448 : 	}
449 : 
450 : 	/**
451 : 	 * Create a histogram chart
452 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
453 : 	 * @returns {Promise}
454 : 	 */
455 : 	histogram(config={}) {
456 : 		Chart.setSeriesData(config, this.data);
457 : 		return Chart.histogram(this.target, config);
458 : 	}
459 : 	/**
460 : 	 * Create a histogram chart
461 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
462 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
463 : 	 * @returns {Promise}
464 : 	 * @static
465 : 	 */
466 : 	static async histogram(target, config) {
467 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
468 : 		Chart._setDefaultChartType(config, 'histogram');
469 : 		await Chart._loadHighchartsModule('histogram-bellcurve');
470 : 		return Highcharts.chart(target, config);
471 : 	}
472 : 
473 : 	/**
474 : 	 * Create an item chart
475 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
476 : 	 * @returns {Promise}
477 : 	 */
478 : 	item(config={}) {
479 : 		Chart.setSeriesData(config, this.data);
480 : 		return Chart.item(this.target, config);
481 : 	}
482 : 	/**
483 : 	 * Create an item chart
484 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
485 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
486 : 	 * @returns {Promise}
487 : 	 * @static
488 : 	 */
489 : 	static async item(target, config) {
490 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
491 : 		Chart._setDefaultChartType(config, 'item');
492 : 		await Chart._loadHighchartsModule('item-series');
493 : 		return Highcharts.chart(target, config);
494 : 	}
495 : 
496 : 	/**
497 : 	 * Create a map chart
498 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
499 : 	 * @returns {Promise}
500 : 	 */
501 : 	map(config={}) {
502 : 		Chart.setSeriesData(config, this.data);
503 : 		return Chart.map(this.target, config);
504 : 	}
505 : 	/**
506 : 	 * Create a map chart
507 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
508 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
509 : 	 * @returns {Promise}
510 : 	 * @static
511 : 	 */
512 : 	static async map(target, config) {
513 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
514 : 		Chart._setDefaultChartType(config, 'map');
515 : 		await Chart._loadHighchartsModule('map');
516 : 		return Highcharts.mapChart(target, config);
517 : 	}
518 : 
519 : 	/**
520 : 	 * Create a sankey chart
521 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
522 : 	 * @returns {Promise}
523 : 	 */
524 : 	sankey(config={}) {
525 : 		Chart.setSeriesData(config, this.data);
526 : 		return Chart.sankey(this.target, config);
527 : 	}
528 : 	/**
529 : 	 * Create a sankey chart
530 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
531 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
532 : 	 * @returns {Promise}
533 : 	 * @static
534 : 	 */
535 : 	static async sankey(target, config) {
536 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
537 : 		Chart._setDefaultChartType(config, 'sankey');
538 : 		await Chart._loadHighchartsModule('sankey');
539 : 		return Highcharts.chart(target, config);
540 : 	}
541 : 
542 : 	/**
543 : 	 * Create a streamgraph chart
544 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
545 : 	 * @returns {Promise}
546 : 	 */
547 : 	streamgraph(config={}) {
548 : 		Chart.setSeriesData(config, this.data);
549 : 		return Chart.streamgraph(this.target, config);
550 : 	}
551 : 	/**
552 : 	 * Create a streamgraph chart
553 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
554 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
555 : 	 * @returns {Promise}
556 : 	 * @static
557 : 	 */
558 : 	static async streamgraph(target, config) {
559 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
560 : 		Chart._setDefaultChartType(config, 'streamgraph');
561 : 		await Chart._loadHighchartsModule('streamgraph');
562 : 		return Highcharts.chart(target, config);
563 : 	}
564 : 
565 : 	/**
566 : 	 * Create a sunburst chart
567 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
568 : 	 * @returns {Promise}
569 : 	 */
570 : 	sunburst(config={}) {
571 : 		Chart.setSeriesData(config, this.data);
572 : 		return Chart.sunburst(this.target, config);
573 : 	}
574 : 	/**
575 : 	 * Create a sunburst chart
576 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
577 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
578 : 	 * @returns {Promise}
579 : 	 * @static
580 : 	 */
581 : 	static async sunburst(target, config) {
582 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
583 : 		Chart._setDefaultChartType(config, 'sunburst');
584 : 		await Chart._loadHighchartsModule('sunburst');
585 : 		return Highcharts.chart(target, config);
586 : 	}
587 : 
588 : 	/**
589 : 	 * Create a treegraph chart
590 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
591 : 	 * @returns {Promise}
592 : 	 */
593 : 	treegraph(config={}) {
594 : 		Chart.setSeriesData(config, this.data);
595 : 		return Chart.treegraph(this.target, config);
596 : 	}
597 : 	/**
598 : 	 * Create a treegraph chart
599 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
600 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
601 : 	 * @returns {Promise}
602 : 	 * @static
603 : 	 */
604 : 	static async treegraph(target, config) {
605 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
606 : 		Chart._setDefaultChartType(config, 'treegraph');
607 : 		await Chart._loadHighchartsModule('treemap');
608 : 		await Chart._loadHighchartsModule('treegraph');
609 : 		return Highcharts.chart(target, config);
610 : 	}
611 : 
612 : 	/**
613 : 	 * Create a treemap chart
614 : 	 * @param {Spyral.Chart~HighchartsConfig} [config]
615 : 	 * @returns {Promise}
616 : 	 */
617 : 	treemap(config={}) {
618 : 		Chart.setSeriesData(config, this.data);
619 : 		return Chart.treemap(this.target, config);
620 : 	}
621 : 	/**
622 : 	 * Create a treemap chart
623 : 	 * @param {(String|Element)} [target] An element or ID to use as the chart's target. If not specified, one will be created.
624 : 	 * @param {Spyral.Chart~HighchartsConfig} config 
625 : 	 * @returns {Promise}
626 : 	 * @static
627 : 	 */
628 : 	static async treemap(target, config) {
629 : 		[target, config] = Chart._handleTargetAndConfig(target, config);
630 : 		Chart._setDefaultChartType(config, 'treemap');
631 : 		await Chart._loadHighchartsModule('treemap');
632 : 		return Highcharts.chart(target, config);
633 : 	}
634 : }
635 : 
636 : export default Chart;