Gecko [ dp-client.com ]

Name	Size	Permission
ace-responsive-menu.js	4.59 KB	-rw-r--r--
bootstrap-select.min.js	44.06 KB	-rw-r--r--
bootstrap.min.js	58.6 KB	-rw-r--r--
chart-custome.js	4.25 KB	-rw-r--r--
chart.min.js	156.31 KB	-rw-r--r--
dashboard-script.js	1.99 KB	-rw-r--r--
google-maps.js	38.83 KB	-rw-r--r--
googlemaps1.js	2.85 KB	-rw-r--r--
googlemaps2.js	2.83 KB	-rw-r--r--
isotop.js	55.75 KB	-rw-r--r--
jquery-3.3.1.js	332.61 KB	-rw-r--r--
jquery-migrate-3.0.0.min.js	8.32 KB	-rw-r--r--
jquery-scrolltofixed-min.js	28.9 KB	-rw-r--r--
jquery.counterup.js	9.09 KB	-rw-r--r--
jquery.marquee.min.js	2.2 KB	-rw-r--r--
jquery.mmenu.all.js	23.53 KB	-rw-r--r--
parallax.js	33.07 KB	-rw-r--r--
popper.min.js	20.76 KB	-rw-r--r--
progressbar.js	5.91 KB	-rw-r--r--
script.js	30.31 KB	-rw-r--r--
script2.js	30.31 KB	-rw-r--r--
scrollto.js	6.88 KB	-rw-r--r--
simplebar.js	41.76 KB	-rw-r--r--
single-counter.js	655 B	-rw-r--r--
slider.js	116.34 KB	-rw-r--r--
smartuploader.js	749 B	-rw-r--r--
snackbar.min.js	3.31 KB	-rw-r--r--
timepicker.js	60.78 KB	-rw-r--r--
wow.min.js	8.22 KB	-rw-r--r--

Code Editor : chart-custome.js

/* ----- Employee Dashboard Chart Js For Applications Statistics ----- */
function createConfig() {
    return {
        type: 'line',
        data: {
            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
            datasets: [{
                label: 'Dataset',
                borderColor: window.chartColors.red,
                backgroundColor: window.chartColors.red,
                data: [10, 30, 46, 2, 8, 50, 0],
                fill: false,
            }]
        },
        options: {
            responsive: true,
            title: {
                display: true,
                text: 'Sample tooltip with border'
            },
            tooltips: {
                position: 'nearest',
                mode: 'index',
                intersect: false,
                yPadding: 10,
                xPadding: 10,
                caretSize: 8,
                backgroundColor: 'rgba(72, 241, 12, 1)',
                titleFontColor: window.chartColors.black,
                bodyFontColor: window.chartColors.black,
                borderColor: 'rgba(0,0,0,1)',
                borderWidth: 4
            },
        }
    };
}
window.onload = function() {
    var c_container = document.querySelector('.c_container');
    var div = document.createElement('div');
    div.classList.add('chart-container');

var canvas = document.createElement('canvas');
    div.appendChild(canvas);
    c_container.appendChild(div);

var ctx = canvas.getContext('2d');
    var config = createConfig();
    new Chart(ctx, config);
};

// Circle Doughnut Chart
var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'doughnut',

// The data for our dataset
    data: {
        labels: [' Principal and Interest $23,565', 'HOA Dues $2,036', 'Property Taxes $1,068'],
        datasets: [{
            label: 'My First dataset',
            segmentShowStroke : true,
            segmentStrokeColor : "transparent",
            segmentStrokeWidth : 17,
            backgroundColor: ["#92d060", "#4585ff", "#fb8855"],
            data: [50, 25, 25],
            responsive: true,
            showScale: true
        }]
    },

// Configuration options go here
    options: {}
});

// LineChart Style 2
    var ctx = document.getElementById('myChartweave').getContext('2d');
    var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'line', // also try bar or other graph types

// The data for our dataset
    data: {
        labels: ["Jun 2019", "Jul 2019", "Aug 2019", "Sep 2019", "Oct 2019", "Nov 2019", "Dec 2019", "Jan 2020", "Feb 2020", "Mar 2020", "Apr 2020", "May 2020"],
        // Information about the dataset
    datasets: [{
            label: "Dataset",
            backgroundColor: 'lightblue',
            borderColor: 'blue',
            data: [26.4, 39.8, 66.8, 66.4, 40.6, 55.2, 77.4, 69.8, 57.8, 76, 110.8, 142.6],
        }]
    },

// Configuration options
    options: {
    layout: {
      padding: 10,
    },
        legend: {
            position: 'top',
        },
        title: {
            display: false,
            text: 'Precipitation in Toronto'
        },
        scales: {
            yAxes: [{
                scaleLabel: {
                    display: false,
                    labelString: 'Precipitation in mm'
                }
            }],
            xAxes: [{
                scaleLabel: {
                    display: false,
                    labelString: 'Month of the Year'
                }
            }]
        }
    }
});

// BarChart Style
var data = {
  labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"],
  datasets: [{
    label: "Dataset #1",
    backgroundColor: "rgba(255,99,132,0.2)",
    borderColor: "rgba(255,99,132,1)",
    borderWidth: 2,
    hoverBackgroundColor: "rgba(255,99,132,0.4)",
    hoverBorderColor: "rgba(255,99,132,1)",
    data: [65, 59, 20, 81, 56, 55, 40],
  }]
};

var options = {
  maintainAspectRatio: false,
  scales: {
    yAxes: [{
      stacked: true,
      gridLines: {
        display: true,
        color: "rgba(255,99,132,0.2)"
      }
    }],
    xAxes: [{
      gridLines: {
        display: false
      }
    }]
  }
};

Chart.Bar('chart', {
  options: options,
  data: data
});

${this.title}

Code Editor : chart-custome.js