Highcharts - Bar

For use with patient satisfaction domains

by mark47

HTML

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

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

JavaScript

$(function () {
    
    $('#container').highcharts({
        
	    chart: {
	        //polar: true
	    },
	    
	    title: {
	        text: 'My Satisfaction'
	    },
	
	    xAxis: {
            categories: ["Relationship","Recreational","Financial","Family","Friendships","Physical","Spiritual","Foo"]
	    },      
        yAxis: {
            min: 0,
            tickInterval: 10,
            tickPositions: [0, 10],
            minorTickInterval: 0
        },
        tooltip: {
            formatter: function() {
                return '<b>' + this.x + '</b>: ' + this.y;
            }
        },
	    plotOptions: {
	        column: {
	            pointPadding: 0,
	            groupPadding: 0
	        }
	    },
	
	    series: [{
	        type: 'bar',
	        name: 'Satisfaction',
	        data: [6, 2, 3, 4, 5, 3, 3, 3]
	    }]
	});
});