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);



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

These may help:


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 Query

More Query from same tag