make two columns chart from different series - Javascript highcharts

Javascript examples for highcharts:Column Chart

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

Description

make two columns chart from different series

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <title>Highcharts Demo</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/highcharts.src.js"></script> 
      <div id="container"></div> 
      <script type="text/javascript">
var chart = Highcharts.chart('container', {
  chart: {//from  w  w w . j  a v  a2s .co  m
    type: 'column'
  },
   xAxis: {
     min: 0.5,
    max: 2.5,
    tickInterval: 1
  },
  plotOptions: {
    column: {
      grouping: false
    }
  },
  series: [{
    data: [
      [1, 5]
    ]
  }, {
    data: [
      [2, 2]
    ]
  }]
});

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

Related Tutorials