
<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <span>Indice</span>
        </li>
    </ul>
</div>

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

<script src="__jsc/highcharts/code/highcharts.js"></script>
<script src="__jsc/highcharts/code/modules/data.js"></script>
<script src="__jsc/highcharts/code/modules/series-label.js"></script>
<script src="__jsc/highcharts/code/modules/exporting.js"></script>
<script src="__jsc/highcharts/code/modules/export-data.js"></script>


<script type="text/javascript">

    Highcharts.chart('container', {

        chart: {
            scrollablePlotArea: {
                minWidth: 700
            }
        },

        title: {
            text: 'Diferença Net'
        },

        credits: {
            enabled: false
        },

        xAxis: {
            categories: ['19/09/2018', '12/09/2018', '5/09/2018', '29/08/2018', '22/08/2018', '15/08/2018', '08/08/2018', '01/08/2018'],
            tickmarkPlacement: 'on',
            title: {
                enabled: false
            }
        },
        yAxis: {
            title: {
                text: ''
            }
        },

        legend: {
            align: 'center',
            verticalAlign: 'bottom',
            borderWidth: 0
        },

        tooltip: {
            shared: true,
            crosshairs: true
        },

        series: [{
                name: 'Dif',
                data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
            }, {
                name: 'Média',
                data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434]
            }]
    });

</script>