how to add organisation chart using highchart in angular?

user_18214105 0
Viewed 47

I am trying to add organization chart in angular but getting error when try to load with script and when i am using imports getting below error:

enter image description here

Please help me on how can I resolve this error and add organization charts in angular. Any help would be highly appreciated. Thanks!

angular typescript highcharts
1 Answers

Organization series type was added in Highcharts v7.1.0, so please make sure that you are using some newer version. Also, this series requires Sankey module.

import { Component } from "@angular/core";
import * as Highcharts from "highcharts";
import HCSankey from "highcharts/modules/sankey";
import HCOrganization from "highcharts/modules/organization";

HCSankey(Highcharts);
HCOrganization(Highcharts);

@Component({
  selector: "my-app",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})

Live demo: https://stackblitz.com/edit/highcharts-angular-line-yzjnxb?file=src%2Fapp%2Fapp.component.ts

API Reference: https://api.highcharts.com/highcharts/series.organization

Changelog: https://www.highcharts.com/blog/changelog/#highcharts-v7.1.0

user_89513770
Related