PHP Classes

File: public/public/assets/backend/js/dashboard1.js

Recommend this page to a friend!
  Classes of Maniruzzaman Akash   LaraCMS   public/public/assets/backend/js/dashboard1.js   Download  
File: public/public/assets/backend/js/dashboard1.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: LaraCMS
Content management system based on Laravel
Author: By
Last change:
Date: 1 year ago
Size: 6,340 bytes
 

Contents

Class file image Download
/* Template Name: Admin Pro Admin Author: Wrappixel Email: niravjoshi87@gmail.com File: js */ $(function() { "use strict"; // ============================================================== // sales ratio // ============================================================== var chart = new Chartist.Line('.sales', { labels: [1, 2, 3, 4, 5, 6, 7], series: [ [24.5, 20.3, 42.7, 32, 34.9, 48.6, 40], [8.9, 5.8, 21.9, 5.8, 16.5, 6.5, 14.5] ] }, { low: 0, high: 48, showArea: true, fullWidth: true, plugins: [ Chartist.plugins.tooltip() ], axisY: { onlyInteger: true, scaleMinSpace: 40, offset: 20, labelInterpolationFnc: function(value) { return (value / 10) + 'k'; } }, }); // Offset x1 a tiny amount so that the straight stroke gets a bounding box // Straight lines don't get a bounding box // Last remark on -> http://www.w3.org/TR/SVG11/coords.html#ObjectBoundingBox chart.on('draw', function(ctx) { if (ctx.type === 'area') { ctx.element.attr({ x1: ctx.x1 + 0.001 }); } }); // Create the gradient definition on created event (always after chart re-render) chart.on('created', function(ctx) { var defs = ctx.svg.elem('defs'); defs.elem('linearGradient', { id: 'gradient', x1: 0, y1: 1, x2: 0, y2: 0 }).elem('stop', { offset: 0, 'stop-color': 'rgba(255, 255, 255, 1)' }).parent().elem('stop', { offset: 1, 'stop-color': 'rgba(64, 196, 255, 1)' }); }); var chart = [chart]; // ============================================================== // campaign // ============================================================== var chart = c3.generate({ bindto: '#campaign', data: { columns: [ ['Un-opened', 35], ['Clicked', 15], ['Open', 10], ['Bounced', 18], ], type: 'donut', tooltip: { show: true } }, donut: { label: { show: false }, width: 15, }, legend: { hide: true }, color: { pattern: ['#137eff', '#8b5edd', '#5ac146', '#eceff1'] } }); // ============================================================== // weather // ============================================================== var chart = c3.generate({ bindto: '.weather-report', data: { columns: [ ['Day 1', 21, 15, 30, 45, 15] ], type: 'area-spline' }, axis: { y: { show: false, tick: { count: 0, outer: false } }, x: { show: false, } }, padding: { top: 0, right: -8, bottom: -28, left: -8, }, point: { r: 2, }, legend: { hide: true }, color: { pattern: ['#5ac146'] } }); // ============================================================== // Our Visitor // ============================================================== var sparklineLogin = function() { $('#earnings').sparkline([6, 10, 9, 11, 9, 10, 12, 10, 9, 11, 9, 10, 12, 10, 9, 11, 9], { type: 'bar', height: '40', barWidth: '4', width: '100%', resize: true, barSpacing: '8', barColor: '#137eff' }); }; var sparkResize; $(window).resize(function(e) { clearTimeout(sparkResize); sparkResize = setTimeout(sparklineLogin, 500); }); sparklineLogin(); // ============================================================== // world map // ============================================================== jQuery('#visitfromworld').vectorMap({ map: 'world_mill_en', backgroundColor: 'transparent', borderColor: '#fff', borderOpacity: 0, borderWidth: 0, zoomOnScroll: false, color: 'rgba(223,226,233, 0.8)', regionStyle: { initial: { fill: 'rgba(223,226,233, 0.8)', 'stroke-width': 1, 'stroke': 'rgba(223,226,233, 0.8)' } }, markerStyle: { initial: { r: 5, 'fill': '#dfe2e9', 'fill-opacity': 1, 'stroke': '#dfe2e9', 'stroke-width': 1, 'stroke-opacity': 1 }, }, enableZoom: true, hoverColor: '#79e580', markers: [{ latLng: [21.00, 78.00], name: 'India : 9347', style: { fill: '#2961ff' } }, { latLng: [-33.00, 151.00], name: 'Australia : 250', style: { fill: '#2961ff' } }, { latLng: [36.77, -119.41], name: 'USA : 250', style: { fill: '#2961ff' } }, { latLng: [55.37, -3.41], name: 'UK : 250', style: { fill: '#2961ff' } }, { latLng: [25.20, 55.27], name: 'UAE : 250', style: { fill: '#2961ff' } }], hoverOpacity: null, normalizeFunction: 'linear', scaleColors: ['#93d5ed', '#93d5ee'], selectedColor: '#cbd0db', selectedRegions: [], showTooltip: true, onRegionClick: function(element, code, region) { var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase(); alert(message); } }); });