1760629376s:1927:"<div class="card mb-4">
    <div class="card-header">
        <h6 class="mb-0">Traffic Graph</h6>
    </div>
    <div class="card-body card-height">
        <div class="c-chart-wrapper" style="height:300px;margin-top:40px;">
            <canvas class="chart" id="main-chart" height="300"></canvas>
        </div>
    </div>
</div>
<script>
    var ctx = document.getElementById("main-chart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: ["16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16"],
            datasets: [{
                    label: 'Views',
                    data: [0,"3","2",0,"3","1","4",0,0,0,"7",0,"3","1",0,"22","4","3","4","5","11",0,"2","8","14",0,0,0,"2",0,0],
                    fill: false,
                    borderColor: '#FA8617',
                    backgroundColor: '#FA8617',
                    borderWidth: 2,
                    borderDashOffset: 1
                },
                {
                    label: 'Usage',
                    data: [0,0,0,0,0,0,0,0,0,0,"2",0,0,0,0,"12","2","3",0,"3","5",0,0,"4","6",0,0,0,"2",0,0],
                    fill: false,
                    borderColor: '#39f',
                    backgroundColor: '#39f',
                    borderWidth: 2,
                    borderDashOffset: 1
                }
            ]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            bezierCurve: false,
            plugins: {
                legend: {
                    display: false
                }
            },
            elements: {
                point: {
                    radius: 0
                },
                line: {
                    tension: .4
                }
            }
        },
    });
</script>
";