HightChart - Type 'bar'

by NunoMira

HTML

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

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

JavaScript

$(function ()
{
    Highcharts.chart('container',
    {
        chart :
        {
            //renderTo:'container',
            backgroundColor : 'transparent',
            type: 'spline',
            //width: 300,
            //borderWidth: 1,
            //plotBorderWidth: 1,
            //spacingLeft: 0
				},
        title:
        {
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle:
        {
        		text: 'Source: WorldClimate.com',
           	x: -20
        },
        xAxis:
        {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul']
        },
        yAxis:
        {
            title:
            {
            		//text: 'Retention(%)',
								text : ''
            },
            plotLines: [{
                value: 0,
                width: 0,
                color: '#808080'
            }],
            //min: 0
        },
        tooltip:
        {
            valueSuffix: '°C'
        },
        legend:
        {
            layout : 'vertical',
            //align: 'right',
            align : 'center',
            verticalAlign : 'bottom',
            borderWidth : 0,
            enabled : false
        },
      	navigation :
				{
            buttonOptions :
            {
            		enabled : false
            }
				},
        series: [{
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0]
        }]
    });
    
  	//martelada para tirar o link da API dos grágicos
		//$("text[text-anchor=end]").hide();
		$("text.highcharts-credits").hide();
});