null data in line chart - Javascript highcharts

Javascript examples for highcharts:Line Chart

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

Description

null data in line chart

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <title>Highcharts: showing type: datetime graphs for intervals</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/highcharts.js"></script> 
      <div id="container" style="height: 300px"></div> 
      <script type="text/javascript">
Highcharts.chart('container', {
  chart: {//  ww  w.  j  a v  a2  s . c  om
    zoomType: 'x'
  },
  xAxis: {
    type: 'datetime'
  },
  title: {
    text: "A way to show type: datetime graphs for intervals"
  },
  series: [{
    data: [
      [Date.UTC(2010, 0, 1), 10],
      [Date.UTC(2010, 0, 1, 23, 59, 59), 10],
      [Date.UTC(2010, 0, 2), 20],
      [Date.UTC(2010, 0, 2, 23, 59, 59), 20],
      [Date.UTC(2010, 0, 3), 30],
      [Date.UTC(2010, 0, 3, 23, 59, 59), 30],
      [Date.UTC(2010, 0, 4), null],
      [Date.UTC(2010, 0, 4, 23, 59, 59), null],
      [Date.UTC(2010, 0, 5), 50],
      [Date.UTC(2010, 0, 5, 23, 59, 59), 50],
      [Date.UTC(2010, 0, 6), 60],
      [Date.UTC(2010, 0, 6, 23, 59, 59), 60],
      [Date.UTC(2010, 0, 7), 70],
      [Date.UTC(2010, 0, 7, 23, 59, 59), 70],
      [Date.UTC(2010, 0, 8), 80],
      [Date.UTC(2010, 0, 8, 5, 59, 59), 80],
      [Date.UTC(2010, 0, 8, 6), 81],
      [Date.UTC(2010, 0, 8, 7), 82],
      [Date.UTC(2010, 0, 8, 8), 83],
    ],
  }]
});

      </script>  
   </body>
</html>

Related Tutorials