moris.chart.js

  Morris.Area({
        element: 'smooth-area-chart',
        data: [{
            month: 'Jan',
            completedjobs: 0,
            upcomingjobs: 0,
            pendingjobs:0
        }, {
            month: 'Feb',
            completedjobs: 150,
            upcomingjobs: 90,
            pendingjobs:60
        }, {
            month: 'March',
            completedjobs: 140,
            upcomingjobs: 120,
            pendingjobs:100
        }, {
            month: 'Aprill',
            completedjobs: 105,
            upcomingjobs: 240,
            pendingjobs:290
        }, {
            month: 'May',,
            completedjobs: 190,
            upcomingjobs: 140,
            pendingjobs:90
        }, {
            month: 'June',
            completedjobs: 230,
            upcomingjobs: 250,
            pendingjobs:270
        }],
        xkey: 'month',
        ykeys: ['completedjobs', 'upcomingjobs', 'pendingjobs'],
        labels: ['Completed Jobs', 'Upcoming Jobs', 'Pending Jobs'],
        behaveLikeLine: true,
        ymax: 300,
        resize: true,
        pointSize: 0,
        pointStrokeColors: ['#66BB6A', '#FFA726', '#EF5350'],
        smooth: true,
        gridLineColor: '#e3e3e3',
        numLines: 6,
        gridtextSize: 14,
        lineWidth: 0,
        fillOpacity: 0.8,
        hideHover: 'auto',
        lineColors: ['#66BB6A', '#FFA726', '#EF5350']
    });