CSAT

by Mabuti

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({
        chart: {
            type: 'area'
        },
        title: {
            text: 'CSAT'
        },
        xAxis: {
            categories: ['Sunday','Monday','Tuesday','Wednesday','Thursday', 'Friday','Saturday'],
            tickmarkPlacement: 'on',
            title: {
                enabled: false
            }
        },
        yAxis: {
            title: {
                text: 'Count'
            }
        },
        plotOptions: {
            area: {
                stacking: 'normal',
                lineColor: '#666666',
                lineWidth: 1,
                marker: {
                    lineWidth: 1,
                    lineColor: '#666666'
                }
            }
        },
        series: [{
            name: '5 Star',
            data: [13,12,7,7,3,17,19]
        }, {
            name: '4 Star',
            data: [20,17,25,28,32,29,21]
        }, {
            name: '3 Star',
            data: [24,28,15,30,11,9,7]
        }, {
            name: '2 Star',
            data: [14,8,13,8,2,11,9]
        }, {
            name: '1 Star',
            data: [3,2,0,6,1,4,3]
        }]
    });
});