Highcharts Demo

author(s): Gopinagh.R

HTML

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

<div id="container" style="width:220px; overflow:auto"></div>

JavaScript

$(function () {
var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'bar'
        },
        title: {
            text: ''
        },
        xAxis: {
            gridLineWidth: 0,
            categories: ['Deutsche-FR Bank', 'Barelays-LDN', 'HSBC-SG', 'Citi-NY'],
            minorTickLength: 20,
            tickLength: 0,
            labels: {
                align: 'left',
               rotation: 90,        
                color: '#2257D6',
                style: {
                    color: '#000',
                    font: '11px Trebuchet MS, Verdana, sans-serif'
                }
            },
            title: {
                text: null
            }
        },
        yAxis: {
            min: 0,
            gridLineWidth: 0,
            title: {
                text: '',
                align: 'high',
                color: '#333'
            },
            labels: {
                 enabled: false,
                overflow: 'justify'
            }
        },
        tooltip: {
            formatter: function() {
                return ''+
                    this.series.name +': '+ this.y +'';
            }
        },
        plotOptions: {
            bar: {
                borderWidth: 0.0,
                pointWidth: 22,
                dataLabels: {
                    enabled: false
                }                   
            },
            series: {
               shadow: false
            }
        },          
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -100,
            y: 100,
            floating: false,
            borderWidth: 1,
            backgroundColor: '#FFFFFF',
            shadow: true,
            visible : false,
            enabled: false
        },
        credits: {
            enabled: false
        },
        series: [{
            name:...