Не в состоянии сделать Windbarb Highchart в угловых - PullRequest
Новая
       7

Не в состоянии сделать Windbarb Highchart в угловых

0 голосов
/ 03 мая 2018

Я пытаюсь нанести удар ветра, используя мое угловое приложение. Я использовал пакет angular-highchart, но он показывает ошибку ниже -

Ошибка: ошибка Highcharts # 17: www.highcharts.com/errors/17

import { Component } from '@angular/core';
import { Chart } from 'angular-highcharts';
import { MapChart } from 'angular-highcharts';

@Component({
  selector: 'app-root',
  template: `
  <div [chart]="chart"></div>
`
})
export class AppComponent {
  chart = new Chart({
    title : { text : 'simple chart' },
    xAxis: {
      type: 'datetime',
      offset: 40      
    },
    series: [{
      type: 'windbarb',
      name:"Wind Direction",
      data: [
        [9.8, 177.9],
        [10.1, 177.2]
          ]             
    }, {
      type: 'area',  
      name:'WindSpeed',     
      data: [
        [9.8, 177.9],
        [10.1, 177.2]
       
    ],
  }]  
  });
 
  constructor() {
  }

    
    
}

здесь

1 Ответ

0 голосов
/ 03 мая 2018

Проверьте module.ts импорт согласно angular-highcharts docs 

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { ChartModule, HIGHCHARTS_MODULES } from 'angular-highcharts';
import exporting from 'highcharts/modules/exporting.src';
import windbarb from 'highcharts/modules/windbarb.src';

export function highchartsModules() {
  // apply Highcharts Modules to this array
  return [ exporting,windbarb ];
}

import { AppComponent } from './app.component';
import { HelloComponent } from './hello.component';

@NgModule({
  imports:      [ BrowserModule, FormsModule,ChartModule ],
  declarations: [ AppComponent, HelloComponent ],
  providers: [
    { provide: HIGHCHARTS_MODULES, useFactory: highchartsModules } // add as factory to your providers
  ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

Stackblitz демо

...