How to load the highcharts plugins?

Question

I would like to use this 2 Highcharts plugins:

<script src="http://code.highcharts.com/modules/exporting.js"></script> <script src="http://highslide-software.github.io/export-csv/export-csv.js"></script>

The thing is that in my code I cannot call them from the HTML. I am using javascript define() instead:

I copied the content of the scripts into local files and I am calling them this way:

define(['jquery', 'jquery.spectrum', '../lib/highcharts.js', '../lib/highcharts-exporting.js', '../lib/highcharts-export-csv.js'], function($) {

But it is giving me an error: Uncaught ReferenceError: Highcharts is not defined in the line 23 (last line) of highcharts-exporting.js.

However, if I remove '../lib/highcharts-export-csv.js' it works fine. So, I am able to use the exporting.js file but not the export-csv.js one.

Have you renamed the file? `export-csv.js` => `highcharts-export-csv.js` — hagope, Apr 10 '15 at 16:53
I think this question might be helpful to you: http://stackoverflow.com/questions/10331305/what-is-define-used-for-in-javascript-aside-from-the-obvious — Rooster, Apr 10 '15 at 16:53
@hagope Are you suggesting that export-csv could not be usable from the `define`? — David Torres, Apr 10 '15 at 17:30

score 0 · Accepted Answer · answered Apr 13 '15 at 11:59

0

My workaround:

I just pasted the contente of highcharts-exporting.js and highcharts-export-csv.js below the content of highcharts.js.

Consequently my define line is just:

define(['jquery', 'jquery.spectrum', '../lib/highcharts.js'], function($) {

answered Apr 13 '15 at 11:59

David Torres

1,767
1
16
19

If somebody come up with a better solution I'll be more than happy to change the accepted answer (if that is possible). – David Torres Apr 13 '15 at 11:59

How to load the highcharts plugins?

1 Answers1