load data in highcharts from 2 different csv files

Question

I am trying to find out if I can get a graph using 2 sources (one for the categories, another for the actual data plotted.

I find myself often in need to use the sam

Answer 1

Here you can find example how to load three files as series: http://www.highcharts.com/stock/demo/compare

So the only difference would be that you are using just one series, and second file will be used for categories data.

In above solution added is some global counter, to render chart after all files are received.

Second solution will be to call second AJAX inside callback for a first one, snippet:

$.getJSON(url1, function(data) {
    $.getJSON(url2, function(data2) {
        // create chart here
    });
});

Edit:

If you have two CSV files, this is what you need to change:

$.get(url1, function(data1) {
    $.get(url2, function(data2) {
        // parse data1
        var parsedData1 = ...
        // parse data2
        var parsedData2 = ...

        $("#container").highcharts({
           series: [{
               data: parsedData1
           }, {
               data: parsedData2
           }]
        });
    });
});