Диаграмма TreeMap Highcharts в Angular

У меня возникли проблемы, и я не смог отобразить диаграмму TreeMap. Другие типы диаграмм, такие как Line, отлично работают в моем приложении. Я получаю сообщение об ошибке Error # 17. Я использую Angular 5. Не могли бы вы поделиться любым рабочим образцом с использованием Angular5 и Highcharts для TreeMap.

Оцените вашу быструю помощь.


highcharts angular2-highcharts angular5 highstock
person Sagar Agrawal    schedule 27.03.2018    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Проверьте официальные документы.

Импортировать вот так

import * as  Highcharts from 'highcharts';
import More from 'highcharts/highcharts-more';
import Tree from 'highcharts/modules/treemap';
import Heatmap from 'highcharts/modules/heatmap';
More(Highcharts);
Tree(Highcharts);
Heatmap(Highcharts);

Демо stackblitz

person Deep 3015    schedule 27.03.2018
comment
Эй, кажется, это ионное приложение, а не угловое. - person Sagar Agrawal; 27.03.2018
comment
это, кажется, не работает. Я получаю много ошибок, когда пытаюсь использовать ваш образец в angular5 - person Sagar Agrawal; 27.03.2018
comment
помните, что я не использую angular2-highcharts, а использую официальный пакет highcharts npm. Проверить - person Deep 3015; 27.03.2018
comment
Это дает мне ошибку для этого импорта: code import More from 'highcharts/highcharts-more'; Больше (Highcharts); импортировать дерево из 'highcharts/modules/treemap'; Дерево (Highcharts); импортировать тепловую карту из 'highcharts/modules/heatmap'; Тепловая карта (Highcharts); code - person Sagar Agrawal; 27.03.2018
comment
сопоставьте зависимости демонстрации stackblitz с вашим проектом - person Deep 3015; 27.03.2018
comment
Строка, в которой вы указали layoutAlgorithm, я получаю сообщение об ошибке в этой строке, поскольку layoutAlgorithm не существует в типе IndividualSeriesOptions - person Sagar Agrawal; 27.03.2018
comment
Наконец это сработало для меня. Описанный вами импорт не работает. Я добавил его, как показано ниже, и это решило мою проблему: codedeclare var require: any; require('highcharts/highcharts-more')(Highcharts); code - person Sagar Agrawal; 27.03.2018
comment
stackoverflow.com/questions/47116730/ - person Sagar Agrawal; 27.03.2018