ONA14 - Style

by Adam Nekola

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: ['#95CEFF','#434348'],
        title: {
            text: 'Monthly Average Rainfall',
            align: 'left',
            style: {
                color: '#ccc',
                fontFamily: '"abril-text", Georgia, serif',
                fontSize: '2em',
                fontStyle: 'italic'
            }
        },
        legend: {
            layout: 'horizontal',
            align: 'center'
        },
        xAxis: {
            categories: [
                'Jan',
                'Feb',
                'Mar',
                'Apr',
                'May'
            ]
        },
        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]

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

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