highcharts JS

line

by ajinkyax

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<!-- <script src="http://code.highcharts.com/modules/exporting.js"></script> -->

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

JavaScript

$(function () {
        $('#container').highcharts({
            title: {
                text: 'Inbound',
                x: -120 //center
            },
            xAxis: {
                categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {
                title: {
                    text: 'Calls'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#51CC0A'
                }]
            },
            tooltip: {
                valueSuffix: ' calls'
            },
            legend: {
                layout: 'horizontal',
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0,
                floating: true
            },
            colors:[
                    '#FF3700',
                    '#2BBF1B',
            ],
            credits: {
                enabled: false
            },
            series: [{
                name: 'Abandoned',
                data: [1,1.5,2,1,3,2,1]
            }, {
                name: 'Answered',
                data: [1.5,3,4,5,1,3,2]
            }]
        });
    });