مشاهدة ملف: dashboard.js

"use strict";
var salesGraphChartCanvas = $('#line-chart').get(0).getContext('2d');
var sentCanvas = $('#sent-chart').get(0).getContext('2d');
//$('#revenue-chart').get(0).getContext('2d');

var salesGraphChartData = {
    labels: weeklyData,
    datasets: [
        {
            label: 'Email',
            fill: false,
            borderWidth: 2,
            lineTension: 0,
            spanGaps: true,
            borderColor: '#efefef',
            pointRadius: 3,
            pointHoverRadius: 7,
            pointColor: '#efefef',
            pointBackgroundColor: '#efefef',
            data: chartInbox
        }
    ]
}

var sentGraphChartData = {
    labels: weeklyData,
    datasets: [
        {
            label: 'Email',
            fill: false,
            borderWidth: 2,
            lineTension: 0,
            spanGaps: true,
            borderColor: '#efefef',
            pointRadius: 3,
            pointHoverRadius: 7,
            pointColor: '#efefef',
            pointBackgroundColor: '#efefef',
            data: chartSent
        }
    ]
}

var salesGraphChartOptions = {
    maintainAspectRatio: false,
    responsive: true,
    legend: {
        display: false,
    },
    scales: {
        xAxes: [{
            ticks: {
                fontColor: '#efefef',
            },
            gridLines: {
                display: false,
                color: '#efefef',
                drawBorder: false,
            }
        }],
        yAxes: [{
            ticks: {
                stepSize: 5000,
                fontColor: '#efefef',
            },
            gridLines: {
                display: true,
                color: '#efefef',
                drawBorder: false,
            }
        }]
    }
}

var sentGraphChartOptions = {
    maintainAspectRatio: false,
    responsive: true,
    legend: {
        display: false,
    },
    scales: {
        xAxes: [{
            ticks: {
                fontColor: '#efefef',
            },
            gridLines: {
                display: false,
                color: '#efefef',
                drawBorder: false,
            }
        }],
        yAxes: [{
            ticks: {
                stepSize: 5000,
                fontColor: '#efefef',
            },
            gridLines: {
                display: true,
                color: '#efefef',
                drawBorder: false,
            }
        }]
    }
};


var salesGraphChart = new Chart(salesGraphChartCanvas, {
        type: 'line',
        data: salesGraphChartData,
        options: salesGraphChartOptions
    }
);

var sentGraphChart = new Chart(sentCanvas, {
        type: 'line',
        data: sentGraphChartData,
        options: sentGraphChartOptions
    }
);