How import a module in Ionic 2 App

Hello guys,

I would like to import the module ‘highcharts-more’, i need use a polar chart (http://www.highcharts.com/demo/polar) in my Ionic 2 App.

declare var require: any;

const Highcharts = require('../../node_modules/highcharts/highcharts.src');
const HighchartsMore = require('../../node_modules/highcharts/highcharts-more.js');

HighchartsMore(Highcharts);

I have been try this code above, but not work’s.

Regards

[webprofusion-chrisc]

@peterpeterparker thank, yes I hadn’t done a prod build after all! The hybrid approach (avoiding the ‘require’ var) I ended up with was:

..
..
import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService';
import { ChartModule } from 'angular2-highcharts';
import * as highcharts from 'highcharts';
..
..
export function highchartsFactory() {
  return highcharts;
}
..
..

@NgModule({
..
...
  imports: [
    IonicModule.forRoot(MyApp),
    ChartModule
  ],
..
..
  providers: [
  ...
    {
      provide: HighchartsStatic,
      useFactory: highchartsFactory
    },

  ]
})

[julioaze]

Hi guys. Even following the examples above, I can not get the activity gauge to work. Help me please!

Uncaught ReferenceError: Highcharts is not defined at highcharts-more.js:8 at highcharts-more.js:8