score:0

Accepted answer

this is what I had to do to make it work:

<script src="js/highcharts.js"></script>


     <script type="text/javascript">

        $(document).ready(function() {
                var options = {
                    chart: {
                        renderTo: 'container',
                        type: 'area'
                    },
                    xAxis: {
                        type: 'datetime'
                    },
                series: [{}]
                };

            $.getJSON('dude.json', function(data) {
                options.series[0].data = data;
                var chart = new Highcharts.Chart(options);
            });

        });
     </script>

score:2

Your data is not in the right format. Familiarize yourself with how to format data for Highcharts.

These may help:

Notably:

1) your dates must be either a javascript time stamp (epoch time, in milliseconds), or a date.Utc declaration

2) your structure needs to be like:

[[date, value],[date,value],[date,value]]

Related Articles