Добавление highchart3d в приложение Angular 6

Question

Я пытаюсь добавить highcharts3d в приложение Angular 6.Как использовать highchart3d в приложении для отображения графика в 3d формате.Выдает ошибку компиляции после импорта библиотеки highchart3d следующим образом:

импорт Highcharts3d из 'highcharts / highcharts-3d';

Спасибо,

Answer 1

Установить angular2-highcharts из npm:

npm install angular2-highcharts --save

Настройка в модуле приложения:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ChartModule } from 'angular2-highcharts';
import { App } from './App';

@NgModule({
    imports: [
      BrowserModule, 
      ChartModule.forRoot(require('highcharts')
    ],
    declarations: [App],
    bootstrap: [App]
})
export class AppModule {}

И использовать его в компоненте:

import { Component } from '@angular/core';

@Component({
    selector: 'simple-chart-example',
    template: `
        <chart [options]="options"></chart>
    `
})
export class App {
    constructor() {
        this.options = {
            title : { text : 'simple chart' },
            series: [{
                data: [29.9, 71.5, 106.4, 129.2],
            }]
        };
    }
    options: Object;
}

Подробнее здесь: https://www.npmjs.com/package/angular2-highcharts#add-highcharts-modules