Structure of objects expected in series data for area range chart - Javascript highcharts

Javascript examples for highcharts:Chart Series

  1. HOME
  2. Javascript
  3. highcharts
  4. Chart Series

Description

Structure of objects expected in series data for area range chart

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script> 
      <script type="text/javascript">
function getData() {//from  w  w  w. j a va2s .co  m
    var dataset = new Array();
    dataset.push([new Date(2013,9,1), 110, 68]);
    dataset.push([new Date(2013,9,2), 103, 71]);
    dataset.push([new Date(2013,9,3), 106, 69]);
    return dataset;
};
$(function () {
    getData();
    $('#container').highcharts({
        chart: {
            type: 'arearange',
            zoomType: 'x'
        },
        title: {
            text: 'Temperature variation by day'
        },
        xAxis: {
            type: 'datetime'
        },
        yAxis: {
            title: {
                text: null
            }
        },
        tooltip: {
            shared: true,
            valueSuffix: '?F'
        },
        legend: {
            enabled: false
        },
        series: [{
            name: 'Temperatures',
            data: getData()
        }]
    });
});

      </script> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/highcharts.js"></script> 
      <script src="https://code.highcharts.com/highcharts-more.js"></script> 
      <script src="https://code.highcharts.com/modules/exporting.js"></script> 
      <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>  
   </body>
</html>

Related Tutorials