Is is possible to show highmaps and and highcharts in the same page? about ember-highcharts

[gregjopa]

I just learned that if highcharts is already loaded then highmaps needs to be loaded as a plugin. Here are more details about this: http://www.highcharts.com/docs/maps/getting-started.

You can load highmaps as a plugin using the 'includeModules' option. Ex:

var app = new EmberApp(defaults, {
  emberHighCharts: {
    includeHighCharts: true,
    includeModules: [
      'map'
    ]
  }
});

I added a highmaps example to the tests/dummy app in PR #73. Hopefully this example helps you get highmaps working correctly.

[gregjopa]

Can you try changing your setup in ember-cli.build.js to:

emberHighCharts: { includeHighCharts: false, includeHighMaps: true }

The includeHighMaps option should automatically include highCharts too. For example. the dummy app uses highcharts and highstock and only highstock needs to be enabled: https://github.com/ahmadsoe/ember-highcharts/blob/master/ember-cli-build.js.

[arthur-zheng]

Thanks @gregjopa. I just tried it. But it complains another error says 'Parent is not a constructor'.

[arthur-zheng]

Thank you again @gregjopa!!! give me a moment to try it out and get back!

[SSS2557]

@gregjopa , just added a comment to the PR.

I had tried this out but thought we also had to include highmaps.

I see highcharts/modules/map.js and highcharts/highmaps.js

However, this only works when only map is included as a module

[gregjopa]

Thanks for the feedback. I updated the README in the PR based on your comment.

If you just need highmaps only then use the following:

emberHighCharts: { 
  includeHighCharts: false, 
  includeHighMaps: true 
}

If you need to use both highcharts and highmaps then use the following:

emberHighCharts: {
  includeHighCharts: true,
  includeModules: [
    'map'
  ]
}

[arthur-zheng]

Hi @gregjopa, as I verified, your solution is working perfectly in my project. You made my day!!!

[gregjopa]

@arthur-zheng good to hear 👍