Highcharts Demo

author(s): Torstein Hønsi

by Kondal Durgam

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="subJectWise" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('subJectWise', {
    chart: {
        type: 'column'
    },
    title: {
        text: ''
    },
     tooltip: {
      enabled: false,
    },
    exporting: {
      enabled: false
    },
    credits: {
      enabled: false
    },
    xAxis: {
        categories: [
            '100-80',
            '80-60',
            '40-20',
            '20-0'
        ],
    },
    yAxis: {
    		labels: {
                enabled: false
            },
        title: {
            text: ''
        }
    },
    tooltip: {
    	enabled:false,
    },
    plotOptions: {
        column: {
            pointPadding:0,
            pointWidth:60
        }
    },
    series: [{
        name: 'Kinetics',
        color:'#5DBBE7',
        data: [49.9, 71.5, 106.4, 129.2]

    }, {
        name: 'Kinematics',
      	color:'#F9C82C',
        data: [83.6, 78.8, 98.5, 93.4]

    }, {
        name: 'Statistics',
				color:"#EC9749",				        
        data: [48.9, 38.8, 39.3, 41.4]

    }]
});