rowan.bradley
Posts: 33
Joined: Tue Oct 16, 2018 5:01 pm

How to get working JSfiddle page to work in my web page

Hi,

This page http://jsfiddle.net/QTJb7/1/ does something similar to what I am trying to do, but when I copy it to my web page, it doesn't work. The chart is completely blank and invisible. I suspect the problem is my inclusion of jQuery. What exactly do I have to put in my <head> section to include a version of jQuery that will make this example work? Is there anything else that I have to include in my page to make it work?

Thanks - Rowan
wojtek
Posts: 433
Joined: Tue Jul 03, 2018 12:32 pm

Re: How to get working JSfiddle page to work in my web page

Hi rowan.bradley,
What exactly do I have to put in my <head> section to include a version of jQuery that will make this example work?
I prepared you a demo with jquery loaded from cdn I've found here: https://code.jquery.com/. Add it in your head section and your chart should work as expected.

Demo:
https://jsfiddle.net/wchmiel/70gpLbs8/

Kind regards.
Wojciech Chmiel
Highcharts Developer
rowan.bradley
Posts: 33
Joined: Tue Oct 16, 2018 5:01 pm

Re: How to get working JSfiddle page to work in my web page

Thanks for your reply. In the end I think it was a CORS problem. I had to add an .htaccess file to my web server containing Header always set Access-Control-Allow-Origin statements, then it worked.

Rowan
wojtek
Posts: 433
Joined: Tue Jul 03, 2018 12:32 pm

Re: How to get working JSfiddle page to work in my web page

I'm glad you've solved your problems :wink:

Kind regards.
Wojciech Chmiel
Highcharts Developer

Return to “Highcharts Usage”