Highchart - Color Bar Chart

Highchart - Color Bar Chart

HTML

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

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

JavaScript

$(document).ready(function () {
	
	$('#container').highcharts({
		
		
		'plotOptions': {
                'column': {
                    'colorByPoint': true //need to become true for color bar.
                }
            },
            //you can list color at here or with series both are valid
            'colors' : ['#9BD1BE', '#ff0000', '#E52731'],
		'chart' : {
			'zoomType' : 'x',
			'type' : 'column',
			'width' : 400,
			'height' : 255,
			'spacingBottom' : 1,
			'style' : {
				'fontFamily' : 'sans-serif'
			}
		},
		
		'name' : 'Data name',
		'series' : [{
				'name' : 'Minnesota',
				'data' : [86.3, 86.2, 86.5, 86.2, 85.7, 85.9, 86.3, 78.1, 78.3, 82.1],
        'colors' : ['black', '#ff0000', '#E52731'],
			}
		],
		'xAxis' : {
			'categories' : ['2004', '2005', '2006', '2007', '2008', '2009', '2010', '2012', '2013', '2014']
			
		},
		
		'legend' : {
			'enabled' : true
		}
	});
});