angular-highcharts

angular-highcharts copied to clipboard

My goal is to get my chart working like such: https://www.highcharts.com/demo/3d-scatter-draggable

I've looked at the documentation for loading modules.

I've reviewed the following issues:

• https://github.com/cebor/angular-highcharts/issues/64
• https://github.com/cebor/angular-highcharts/issues/198

I've loaded highcharts-3d, however when I try type 'scatter3d' I get #17.

My module:

import { ChartModule, HIGHCHARTS_MODULES } from 'angular-highcharts';
import { highchartsModulesFactory } from './highcharts-modules.factory';
import * as Highcharts from 'highcharts';
import exporting from 'highcharts/modules/exporting.src';
import highcharts3D from 'highcharts/highcharts-3d.src.js';
exporting(Highcharts);
highcharts3D(Highcharts);

@NgModule({
  imports: [
    ChartModule,
  ],
  declarations: [
     // ...
  ],
  exports: [
     // ...
  ]
})
export class GraphsModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: GraphsModule,
      providers: [
        SeriesApiService,
        { provide: HIGHCHARTS_MODULES, useFactory: () => [ exporting, highcharts3D ] } // add as factory to your providers
      ]
    };
  }
}

Has anyone tried to get the example working?