📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
e-ticaretv10.demodesign.com.tr
/
secured
/
assets
/
pages
📝
morris.init.js
← Geri Dön
/* Template Name: Zinzer - Responsive Bootstrap 4 Admin Dashboard Author: Themesdesign Website: www.themesdesign.in File: Morris init js */ !function($) { "use strict"; var MorrisCharts = function() {}; //creates line chart MorrisCharts.prototype.createLineChart = function(element, data, xkey, ykeys, labels, lineColors) { Morris.Line({ element: element, data: data, xkey: xkey, ykeys: ykeys, labels: labels, hideHover: 'auto', gridLineColor: '#eef0f2', resize: true, //defaulted to true lineColors: lineColors }); }, //creates line chart Dark MorrisCharts.prototype.createLineChart1 = function(element, data, xkey, ykeys, labels, lineColors) { Morris.Line({ element: element, data: data, xkey: xkey, ykeys: ykeys, labels: labels, gridLineColor: '#3d434a', gridTextColor: '#eee', hideHover: 'auto', pointSize: 3, resize: true, //defaulted to true lineColors: lineColors }); }, //creates area chart MorrisCharts.prototype.createAreaChart = function(element, pointSize, lineWidth, data, xkey, ykeys, labels, lineColors) { Morris.Area({ element: element, pointSize: 3, lineWidth: 2, data: data, xkey: xkey, ykeys: ykeys, labels: labels, resize: true, hideHover: 'auto', gridLineColor: '#eef0f2', lineColors: lineColors }); }, //creates Bar chart MorrisCharts.prototype.createBarChart = function(element, data, xkey, ykeys, labels, lineColors) { Morris.Bar({ element: element, data: data, xkey: xkey, ykeys: ykeys, labels: labels, gridLineColor: '#eef0f2', barSizeRatio: 0.4, resize: true, hideHover: 'auto', barColors: lineColors }); }, //creates Donut chart MorrisCharts.prototype.createDonutChart = function(element, data, colors) { Morris.Donut({ element: element, data: data, resize: true, colors: colors }); }, //creates Donut chart Dark MorrisCharts.prototype.createDonutChart1 = function(element, data, colors) { Morris.Donut({ element: element, data: data, resize: true, colors: colors, labelColor: '#fff', backgroundColor: '#4bbbce' }); }, //creates Stacked chart MorrisCharts.prototype.createStackedChart = function(element, data, xkey, ykeys, labels, lineColors) { Morris.Bar({ element: element, data: data, xkey: xkey, ykeys: ykeys, stacked: true, labels: labels, hideHover: 'auto', resize: true, //defaulted to true gridLineColor: '#4ac18e', gridTextColor: '#eee', barColors: lineColors }); }, MorrisCharts.prototype.init = function() { //create line chart var $data = [ { y: '2009', a: 100, b: 90 }, { y: '2010', a: 75, b: 65 }, { y: '2011', a: 50, b: 40 }, { y: '2012', a: 75, b: 65 }, { y: '2013', a: 50, b: 40 }, { y: '2014', a: 75, b: 65 }, { y: '2015', a: 100, b: 90 } ]; this.createLineChart('morris-line-example', $data, 'y', ['a', 'b'], ['Series A', 'Series B'], ['#5985ee', '#46cd93']); //creating area chart var $areaData = [ {y: '2009', a: 10, b: 20}, {y: '2010', a: 75, b: 65}, {y: '2011', a: 50, b: 40}, {y: '2012', a: 75, b: 65}, {y: '2013', a: 50, b: 40}, {y: '2014', a: 75, b: 65}, {y: '2015', a: 90, b: 60}, {y: '2016', a: 90, b: 75} ]; this.createAreaChart('morris-area-example', 0, 0, $areaData, 'y', ['a', 'b'], ['Series A', 'Series B'], ['#5985ee', '#46cd93']); //creating bar chart var $barData = [ {y: '2009', a: 100, b: 90}, {y: '2010', a: 75, b: 65}, {y: '2011', a: 50, b: 40}, {y: '2012', a: 75, b: 65}, {y: '2013', a: 50, b: 40}, {y: '2014', a: 75, b: 65}, {y: '2015', a: 100, b: 90}, {y: '2016', a: 90, b: 75} ]; this.createBarChart('morris-bar-example', $barData, 'y', ['a', 'b'], ['Series A', 'Series B'], ['#5985ee', '#46cd93']); //creating Stacked chart var $stckedData = [ { y: '2005', a: 45, b: 180}, { y: '2006', a: 75, b: 65}, { y: '2007', a: 100, b: 90}, { y: '2008', a: 75, b: 65}, { y: '2009', a: 100, b: 90}, { y: '2010', a: 75, b: 65}, { y: '2011', a: 50, b: 40}, { y: '2012', a: 75, b: 65}, { y: '2013', a: 50, b: 40}, { y: '2014', a: 75, b: 65}, { y: '2015', a: 100, b: 90}, { y: '2016', a: 80, b: 65} ]; this.createStackedChart('morris-bar-stacked', $stckedData, 'y', ['a', 'b'], ['Series A', 'Series B'], ['#547cda','#f9f9f9']); //creating donut chart var $donutData = [ {label: "Download Sales", value: 12}, {label: "In-Store Sales", value: 30}, {label: "Mail-Order Sales", value: 20} ]; this.createDonutChart('morris-donut-example', $donutData, ['#4bbbce', '#5985ee', '#46cd93']); //creating donut chart Dark var $donutData1 = [ {label: "Download Sales", value: 12}, {label: "In-Store Sales", value: 30}, {label: "Mail-Order Sales", value: 20} ]; this.createDonutChart1('morris-donut-example-dark', $donutData1, ['#f0f1f4', '#f0f1f4', '#f0f1f4']); //create line chart Dark var $data1 = [ { y: '2009', a: 20, b: 5 }, { y: '2010', a: 45, b: 35 }, { y: '2011', a: 50, b: 40 }, { y: '2012', a: 75, b: 65 }, { y: '2013', a: 50, b: 40 }, { y: '2014', a: 75, b: 65 }, { y: '2015', a: 100, b: 90 } ]; this.createLineChart1('morris-line-example-dark', $data1, 'y', ['a', 'b'], ['Series A', 'Series B'], ['#5985ee', '#46cd93']); }, //init $.MorrisCharts = new MorrisCharts, $.MorrisCharts.Constructor = MorrisCharts }(window.jQuery), //initializing function($) { "use strict"; $.MorrisCharts.init(); }(window.jQuery);
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula