/* Template Name: Material Pro Admin Author: Themedesigner Email: niravjoshi87@gmail.com File: js */ //$(function () { // "use strict"; // // ============================================================== // // Sales overview // // ============================================================== // var chart2 = new Chartist.Bar('.amp-pxl', { // labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], // series: [ // [9, 5, 3, 7, 5, 10, 3], // [6, 3, 9, 5, 4, 6, 4] // ] // }, { // axisX: { // // On the x-axis start means top and end means bottom // position: 'end', // showGrid: false // }, // axisY: { // // On the y-axis start means left and end means right // position: 'start' // }, // high:'12', // low: '0', // plugins: [ // Chartist.plugins.tooltip() // ] // }); // // ============================================================== // // Newsletter // // ============================================================== // var chart = new Chartist.Line('.campaign', { // labels: [1, 2, 3, 4, 5, 6, 7, 8], // series: [ // [0, 5, 6, 8, 25, 9, 8, 24] // , [0, 3, 1, 2, 8, 1, 5, 1] // ]}, { // low: 0, // high: 28, // showArea: true, // fullWidth: true, // plugins: [ // Chartist.plugins.tooltip() // ], // axisY: { // onlyInteger: true // , scaleMinSpace: 40 // , offset: 20 // , labelInterpolationFnc: function (value) { // return (value / 1) + '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(38, 198, 218, 1)' // }); // }); // var chart = [chart2, chart]; // // ============================================================== // // This is for the animation // // ============================================================== // for (var i = 0; i < chart.length; i++) { // chart[i].on('draw', function(data) { // if (data.type === 'line' || data.type === 'area') { // data.element.animate({ // d: { // begin: 500 * data.index, // dur: 500, // from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(), // to: data.path.clone().stringify(), // easing: Chartist.Svg.Easing.easeInOutElastic // } // }); // } // if (data.type === 'bar') { // data.element.animate({ // y2: { // dur: 500, // from: data.y1, // to: data.y2, // easing: Chartist.Svg.Easing.easeInOutElastic // }, // opacity: { // dur: 500, // from: 0, // to: 1, // easing: Chartist.Svg.Easing.easeInOutElastic // } // }); // } // }); // } // // ============================================================== // // Our visitor // // ============================================================== // var chart = c3.generate({ // bindto: '#visitor', // data: { // columns: [ // ['Other', 30], // ['Desktop', 10], // ['Tablet', 40], // ['Mobile', 50], // ], // type : 'donut', // onclick: function (d, i) { console.log("onclick", d, i); }, // onmouseover: function (d, i) { console.log("onmouseover", d, i); }, // onmouseout: function (d, i) { console.log("onmouseout", d, i); } // }, // donut: { // label: { // show: false // }, // title: "Our visitor", // width:20, // }, // legend: { // hide: true // //or hide: 'data1' // //or hide: ['data1', 'data2'] // }, // color: { // pattern: ['#eceff1', '#745af2', '#26c6da', '#1e88e5'] // } // }); // // ============================================================== // // Badnwidth usage // // ============================================================== // new Chartist.Line('.usage', { // labels: ['0', '4', '8', '12', '16', '20', '24', '30'] // , series: [ // [5, 0, 12, 1, 8, 3, 12, 15] // ] // }, { // high:10 // , low: 0 // , showArea: true // , fullWidth: true // , plugins: [ // Chartist.plugins.tooltip() // ], // As this is axis specific we need to tell Chartist to use whole numbers only on the concerned axis // axisY: { // onlyInteger: true // , offset: 20 // , showLabel: false // , showGrid: false // , labelInterpolationFnc: function (value) { // return (value / 1) + 'k'; // } // } // , axisX: { // showLabel: false // , divisor: 1 // , showGrid: false // , offset: 0 // } // }); // // ============================================================== // // Download count // // ============================================================== // var sparklineLogin = function () { // $('.spark-count').sparkline([4, 5, 0, 10, 9, 12, 4, 9, 4, 5, 3, 10, 9, 12, 10, 9, 12, 4, 9], { // type: 'bar' // , width: '100%' // , height: '70' // , barWidth: '2' // , resize: true // , barSpacing: '6' // , barColor: 'rgba(255, 255, 255, 0.3)' // }); // } // var sparkResize; // sparklineLogin(); //});