Highmap incompatible with Highcharts

[tiffanynys]

Troubleshooting

Describe your environment

(26/4) After adding the codes of Highcharts to the webpage, Highmap cannot be shown in my group work.

Error message

(28/4) While I tried to create two templates (one with map only and one with map and chart, the map is compatible with the graph lol. I don't know why.

• Operating system: Mac
• IDE (e.g. VSCode): VSCode
• Browser (Chrome/ Safari/ Firefox/ VSCode Embedded): Chrome
• Internet access (Location/ Type): ??
• The link to your issue pages hosted on gh-pages (xxx.github.io/page.html): https://tiffanynys.github.io/final/, for your reference: https://tiffanynys.github.io/problem/maponly/ & https://tiffanynys.github.io/problem/mapnchart/
• The link to your repo (github.com/user/repo): https://github.com/tiffanynys/tiffanynys.github.io/blob/master/final/index.html, for your reference: https://github.com/tiffanynys/tiffanynys.github.io/blob/master/problem/maponly/index.html & https://github.com/tiffanynys/tiffanynys.github.io/blob/master/problem/mapnchart/index.html

[ivywze]

The issue might happen when highmap and highcharts are built with different versions. One easy and quick way to solve the problem will be to use <iframe> to insert charts to the main page that's already done.

[hupili]

@tiffanynys any good news of the integration? @ivyWANG958 can you find an example showing the iframe embedding trick?

[tiffanynys]

I change the 〈div> 〈/div> for the chart to An empty rectangular box appears with nth inside :-S

[ivywze]

Here is an example of how to use <iframe>. You could see trick - how I insert the second chart to the main page.

[tiffanynys]

wow, thank you problem fixed!