barRoundedCorner

by AbhishekRohan

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"></div>

JavaScript

Highcharts.Renderer.prototype.symbols.line = function(x, y, width, height) {
	return ['M', x, y + width / 2, 'L', x + height, y + width / 2];
};
Highcharts.chart('container', {
    chart: {
        type: 'column',
      
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
    },
   tooltip: {
   enabled : false
   },
    plotOptions: {
    
            column: {
                grouping: false,
               borderRadius : 20,
               pointPadding : 0,
              bottom : 0
            }
        },
  series: [
        {
        name : "data1",
        color : "#519DD1",
        data : [29.9, 71.5, 106.4, 129.2, 144.0, 176.0] 
        } 
        ]
});