stacked column chart datetime type has lot of dates on xAxis - Javascript highcharts

Javascript examples for highcharts:Column Chart

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

Description

stacked column chart datetime type has lot of dates on xAxis

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 () {/*from w  ww.j a v  a2  s  .  co  m*/
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            xAxis: {
                categories: ['Apr 2013','May 2013']
            },
            yAxis: {
            },
            plotOptions: {
                column: {
                    stacking: 'normal',
                    minPointLength: 3
                }
            },
                series: [{
                name: 'Ex1',
                data: [8,26349]
            }, {
                name: 'Ex2',
                data: [19196,31213]
            },]
        });
    });

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

Related Tutorials