zAxisColumn

by Dwi Adi Laksono

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<div id="container" style="height:400px"></div>

JavaScript

(function() {
  chartOptions = {
    chart: {
      type: "column",
      options3d: {
        enabled: true,
        alpha: 30,
        beta: 20
      }
    },
    plotOptions: {
      column: {
        depth: 40,
        stacking: true,
        grouping: false,
        groupZPadding: 20
      }
    },
    zAxis: {
      min: 0,
      max: 1,
      categories: ['one', 'two'],
    },
    xAxis :{    	
    	categories: ['satu','dua','tiga'],
    },
    
    series: [{
    	name:"biru",
      stack: 0,
      data: [
        [0, 1],
        [1, 3],
        [2, 3]
        
      ]
    }, {
    	name:"hijau",
      stack: 1,
      data: [
        [0, 1],
        [1, 6],
        [2, 4]
        
      ]
    }]
  }
  $("#container").highcharts(chartOptions);
})()