Support treegraph and treemap modules (#472)

* Support treegraph and treemap modules

* Add demo, fix import order

ember-highcharts/src/components/high-charts.ts

@@ -256,6 +256,19 @@ export default class HighCharts<
       SolidGauge.default(Highcharts);
     }
 
+    if (
+      this.args.chartOptions?.chart?.type === 'treegraph' ||
+      this.args.chartOptions?.chart?.type === 'treemap'
+    ) {
+      const Treemap = await import('highcharts/modules/treemap');
+      Treemap.default(Highcharts);
+    }
+
+    if (this.args.chartOptions?.chart?.type === 'treegraph') {
+      const Treegraph = await import('highcharts/modules/treegraph');
+      Treegraph.default(Highcharts);
+    }
+
     if (this.args.chartOptions?.chart?.type === 'waterfall') {
       const More = await waitForPromise(import('highcharts/highcharts-more'));
       More.default(Highcharts);

test-app/app/components/chart-treegraph.hbs

@@ -0,0 +1,4 @@
+<HighCharts
+  @content={{this.chartData}}
+  @chartOptions={{this.chartOptions}}
+/>

test-app/app/components/chart-treegraph.js

@@ -0,0 +1,28 @@
+import Component from '@glimmer/component';
+
+export default class Treegraph extends Component {
+  chartOptions = {
+    chart: {
+      type: 'treegraph',
+    },
+    title: {
+      text: 'Organizational Structure',
+    },
+  };
+
+  chartData = [
+    {
+      keys: ['id', 'parent'],
+      data: [
+        ['Alice'],
+        ['Bill', 'Alice'],
+        ['Carson', 'Bill'],
+        ['Edward', 'Bill'],
+        ['Dwayne', 'Alice'],
+      ],
+      dataLabels: {
+        format: '{point.id}',
+      },
+    },
+  ];
+}

test-app/app/templates/index.hbs

@@ -54,3 +54,8 @@
   <h3>Scatter chart</h3>
   <ChartScatter />
 </section>
+
+<section>
+  <h3>Treegraph chart</h3>
+  <ChartTreegraph />
+</section>