File Manager

Viewing File: dashboard1.js

/*!
 * Adminux (http://maxartkiller.com)
 * Copyright 2017 The Adminux Author: Maxartkiller
 * purchase licence before use
 * You can not resale or modify without prior licences.
*/

/* Dashboard chart combo line and bar */
          
"use strict";    
        var color = Chart.helpers.color;
        var barChartData = {
            labels: ["January", "February", "March", "April", "May", "June","July"],
            datasets: [{
                type: 'bar',
                label: 'Dataset 1',
                backgroundColor: color(window.chartColors.blue).alpha(0.8).rgbString(),
                borderColor: window.chartColors.blue,
                data: [
                    randomScalingFactor(), 
                    randomScalingFactor(), 
                    randomScalingFactor(), 
                    randomScalingFactor(), 
                    randomScalingFactor(),
                    randomScalingFactor(), 
                    randomScalingFactor()
                ]
            }, {
                type: 'line',
                label: 'Dataset 2',
                borderWidth: 1,
                backgroundColor: color(window.chartColors.red).alpha(0.2).rgbString(),
                borderColor: window.chartColors.red,
                data: [
                    randomScalingFactor(), 
                    randomScalingFactor(), 
                    randomScalingFactor(), 
                    randomScalingFactor(), 
                    randomScalingFactor(),
                    randomScalingFactor(), 
                    randomScalingFactor()
                ]
            }, {
                type: 'bar',
                label: 'Dataset 3',
                backgroundColor: color(window.chartColors.green).alpha(0.8).rgbString(),
                borderColor: window.chartColors.green,
                data: [
                    randomScalingFactor(), 
                    randomScalingFactor(), 
                    randomScalingFactor(), 
                    randomScalingFactor(), 
                    randomScalingFactor(),
                    randomScalingFactor(), 
                    randomScalingFactor()
                ]
            }]
        };

        // Define a plugin to provide data labels
     
           
           Chart.plugins.register({
            afterDatasetsDraw: function(chartInstance, easing) {
                // To only draw at the end of animation, check for easing === 1
                var ctx = chartInstance.chart.ctx;

                chartInstance.data.datasets.forEach(function (dataset, i) {
                    var meta = chartInstance.getDatasetMeta(i);
                    if (!meta.hidden) {
                        meta.data.forEach(function(element, index) {
                            // Draw the text in black, with the specified font
                            ctx.fillStyle = 'rgb(160, 160, 160)';

                            var fontSize = 10;
                            var fontStyle = '300';
                            var fontFamily = 'Helvetica Neue,Roboto, Sugoe UI, Arial';
                             ctx.font = Chart.helpers.fontString(fontSize, fontStyle, fontFamily);

                            // Just naively convert to string for now
                            var dataString = dataset.data[index].toString();

                            // Make sure alignment settings are correct
                            ctx.textAlign = 'center';
                            ctx.textBaseline = 'middle';
                            var padding =0;
                            var position = element.tooltipPosition();
                            ctx.fillText(dataString, position.x, position.y - (fontSize / 2) - padding);
                        });
                    }
                });
            }
        });

       
    
        var ctx = $("#mixedchartjs");
            window.myBar = new Chart(ctx, {
                type: 'bar',                   
                data: barChartData,
                options: {
                    responsive: true,                    
                    title: {
                        display: false,
                        text: 'Chart.js Combo Bar Line Chart',
                        
                    },
                    legend: {
                        display: false,
                        labels:{ 
                            fontColor:"#b7c8ff"}
                    },
                    scales: {
                        yAxes: [{
                            ticks: {
                                fontColor: "#b7c8ff",                       
                            },
                            gridLines:{
                                color:"rgba(160,160,160,0.2)",
                                zeroLineColor:"rgba(160,160,160,0.1)"
                            }
                        }],
                        xAxes: [{
                            ticks: {
                                fontColor: "#b7c8ff"
                            },
                            gridLines:{
                                color:"rgba(160,160,160,0.2)",
                                zeroLineColor:"rgba(160,160,160,0.1)"
                            }
                        }]
                    }
                }
            });
 
       $('#randomizeData').on('click', function() {
            barChartData.datasets.forEach(function(dataset) {
                dataset.data = dataset.data.map(function() { 
                    return randomScalingFactor();
                })
            });
            window.myBar.update();
        });
         setInterval(function(){
                barChartData.datasets.forEach(function(dataset) {
                dataset.data = dataset.data.map(function() { 
                    return randomScalingFactor();
                })
            });
            window.myBar.update();             
         }, 3000);
      

/* map global */
$('#mapwrap').vectorMap({
    map: 'world_mill',
    regionStyle: {
            initial: {fill: '#7a99ff'}
    }
}); 

 $('.spincreament').spincrement({
        from: 0,
        decimalPlaces: 0,
        thousandSeparator: false,
        duration: 1500, // ms; TOTAL length animation
        leeway: 50, // percent of duraion
        easing: 'spincrementEasing',
        fade: true

});


/* data tables*/
$('#dataTables-example').DataTable({
    responsive: true,
    pageLength:5,
    sPaginationType: "full_numbers",
    oLanguage: {
        oPaginate: {
            sFirst: "<<",
            sPrevious: "<",
            sNext: ">", 
            sLast: ">>" 
        }
    }
});