Advertiser jobs main chart

by Angelos Chaidas

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="border:1px solid #CCC; width: 928px; height: 312px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        credits: {
            enabled: false
        },
        chart: {
            zoomType: 'x',
            style: {
                fontFamily: 'Arial',
                fontSize: '14px'
            }
        },
        title: {
            text: ''
        },
        /*
            subtitle: {
                text: 'Source: WorldClimate.com'
            },*/
        xAxis: {
            type: 'datetime',
            dateTimeLabelFormats: {
                day: '%d %b'
            }
        },
        yAxis: {
            gridLineColor: '#EFEFEF',
            min: 0,
            title: {
                text: 'Number of ads',
                style: {
                    color: '#4572A7'
                }
            },
            labels: {
                /*formatter: function() {
                        return this.value +' mm';
                    },*/
            }

        },
        tooltip: {
            shared: true
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            x: -120,
            verticalAlign: 'top',
            y: 30,
            floating: true,
            backgroundColor: '#FFFFFF'
        },
        series: [
            
            {
            name: 'Total jobs in feed',
            color: '#76a8df',
            data: [
            1400, 1410, 1500, 1450, 1868,
            1218, 1364, 1267, 1168, 1170,
            1301, 1440, 2445, 2460, 1960,
            1450, 1230, 1600, 1500, 1368,
            1218, 1567, 1567, 1568, 1570,
            1701, 1740, 2545],
            pointStart: Date.UTC(2014, 1, 1),
            pointInterval: 24 * 3600 * 1000,
            marker: {
                enabled: false
            },
        },
        
            
            {
            name: 'Total live ads',
            color: '#0660C5',
            data: [
            1000, 1010, 1400, 1300, 1268,
            1018, 1167, 1167, 1168, 1170,
           ...