basic

by sridhar reddy

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>

<div id="container1" style="height:200px;margin:0em;"></div>
<div id="container" style="height:200px;margin:0em;"></div>

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo:'container',
        type:'column'
    },
    title:{
        text:''
    },
    credits:{enabled:false},
    legend:{
    },
    plotOptions: {
        series: {
            stacking:'normal',
            shadow:false,
            borderWidth:0,
        }
    },
    xAxis:{
        lineColor:'#999',
        lineWidth:1,
        tickColor:'#666',
        tickLength:3,
        title:{
            text:'X Axis Title'
        }
    },
    yAxis:[{
        min:0,
        max:80,
        reversed: true,
        lineColor:'#999',
        lineWidth:1,
        tickColor:'#666',
        tickWidth:1,
        tickLength:3,
        gridLineColor:'#ddd',
        title:{
            text:'',
            rotation:0,
            margin:50,
        }
    }],    
    series: [{
        showInLegend:false,
        color:'rgba(0,0,0,.5)',
        data: [73,68,64,48,16]
    }]
});
new Highcharts.Chart({
    chart: {
        renderTo:'container1',
        type:'column'
    },
    title:{
        text:'',
        enabled: false
    },
    credits:{enabled:false},
    legend:{
    },
    plotOptions: {
        series: {
            stacking:'normal',
            shadow:false,
            borderWidth:0,
        }
    },
    xAxis:{
        visible: false
    },
    yAxis:[{
        min:0,
        max:80,
        reversed: false,
        lineColor:'#999',
        lineWidth:1,
        tickColor:'#666',
        tickWidth:1,
        tickLength:3,
        gridLineColor:'#ddd',
        title:{
            text:'',
            rotation:0,
            margin:50,
        }
    }],   
    credits: {
    	enabled: false
    },
    series: [{
        showInLegend:false,
        color:'#009688',
        data: [73,68,64,48,16, 12, 40]
    }]
});