ONA14 - Style

HTML

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

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

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        colors: ['#3489af','#3489ea'],
        title: {
            text: 'Rainfall in London, New York',
            align: 'center',
            style: {
                color: '#323fae',
                fontFamily: '"abril-text", Georgia, serif',
                fontSize: '2.5em',
                fontStyle: 'italic'
            }
        },
        legend: {
            layout: 'vertical',
            align: 'left'
        },
        xAxis: {
            categories: [
                'Jan',
                'Feb',
                'Mar',
                'Apr',
                'May',
                'June',
                'July'
            ]
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Rainfall (mm)'
            }
        },
        tooltip: {
            shared: true
        },
        series: [{
            name: 'New York',
            data: [83.6, 78.8, 98.5, 93.4, 106.0, null, 93.0]

        }, {
            name: 'London',
            data: [48.9, 38.8, 39.3, 41.4, 47.0, 43.0, 40.0]

        }],
        exporting: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        subtitle: {
            enabled: false
        }
    });
});