Load javascript array into Chartist.js as serie
<p>I decided it would be a fun project to see if i could take data from Google Analytics and display that in a custom dashboard, and hopefully learn a thing or two about using json, and javascript.</p>

<p>after a lot of debugging i now managed to pull the data from the Google Analytics server with their php api, and save the output into data.json on the server.</p>

<p>below the data.json, it's valid as per JSONLint.com:</p>

<pre><code>{
"0": {
    "date": "20160113",
    "pageviews": "46",
    "sessions": "21"
},
"1": {
    "date": "20160114",
    "pageviews": "66",
    "sessions": "18"
},
"2": {
    "date": "20160112",
    "pageviews": "50",
    "sessions": "14"
},
"3": {
    "date": "20160116",
    "pageviews": "19",
    "sessions": "14"
},
"4": {
    "date": "20160117",
    "pageviews": "23",
    "sessions": "14"
},
"5": {
    "date": "20160115",
    "pageviews": "38",
    "sessions": "11"
},
"6": {
    "date": "20160118",
    "pageviews": "35",
    "sessions": "9"
},
"7": {
    "date": "20160119",
    "pageviews": "15",
    "sessions": "7"
    }
}
</code></pre>

<p>Now i've tried to use the data from data.json and feed it into chartist's labels/series in order to draw a graph.</p>

<pre><code>var labelArray = [];
            var seriesArray = [];
            var labelOutput = [];

            $.getJSON("data.json", function(json) {

                //var jsonObj = JSON.parse(json);

                for (var i in json){
                    labelArray.push(json[i].date);
                };

                for (var i in json){
                    seriesArray.push(json[i].sessions);
                };

               // var myData = {
               //     labels: 
               // }

               // labelOutput = labelArray.join(',')
               // seriesOutput = serieArray.join(',')

                console.log(labelArray); 
                console.log(seriesArray); 
                // this will show the info it in firebug console
            });

                new Chartist.Line('.ct-chart', {
                    labels: [labelArray],
                    series: [[seriesArray]]
                }); 
</code></pre>

<p>However I'm currently out of ideas why this would not work, the labels on X and Y axis are correctly shown, but no graph shows up. </p>

<p>I've tried using .join to see if that makes a difference, but using labelOutput instead of labelArray also doesn't change anything.</p>

<p>In the console the array that is being fed into chartist seems all right to me, if I copy paste it from the console into the script everything works.</p>

<p>Current output for labelArray and seriesArray:</p>

<p>labelArray</p>

<pre><code>Array [ "20160113", "20160114", "20160112", "20160116", "20160117", "20160115", "20160118", "20160119" ]
</code></pre>

<p>seriesArray</p>

<pre><code> Array [ "21", "18", "14", "14", "14", "11", "9", "7" ]
</code></pre>

<p>Anyone knows why chartist.js does manage to add the correct labels along the axes but fails to read the same data and draw the chart?</p>