Highcharts Demo

author(s): Torstein Hønsi

by galenw

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'bar',
            marginLeft: 50,
            marginBottom: 90
        },
        yAxis: {
            labels: {
                    enabled: false
            },
            title: {
                    text: null
            }
        },
        xAxis: {
           labels: {
                    enabled: false
            },
            title: {
                    text: null
            },
            categories: ['Progress']
        },
        plotOptions: {
            series: {
                stacking: 'percent',
                 dataLabels: {
                    enabled: true,
                     color: '#fff'
                }
            }
        },
        
        series: [{
            data: [25],
            name: 'Completion'
        }, {
            data: [75],
            name: 'Remainder'
        }]
    });
});