File manager - Edit - /home/aissorg/public_html/fonts/qzfcvsedcv/werwcwsfs/chart-data.js.tar
Back
home/aissorg/public_html/admin/assets/plugins/apexchart/chart-data.js 0000644 00000034414 15116256244 0022061 0 ustar 00 'use strict'; $(document).ready(function() { function generateData(baseval, count, yrange) { var i = 0; var series = []; while (i < count) { var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;; var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min; var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15; series.push([x, y, z]); baseval += 86400000; i++; } return series; } // Column chart if($('#sales_chart').length > 0 ){ var columnCtx = document.getElementById("sales_chart"), columnConfig = { colors: ['#7638ff', '#fda600'], series: [ { name: "Received", type: "column", data: [70, 150, 80, 180, 150, 175, 201, 60, 200, 120, 190, 160, 50] }, { name: "Pending", type: "column", data: [23, 42, 35, 27, 43, 22, 17, 31, 22, 22, 12, 16, 80] } ], chart: { type: 'bar', fontFamily: 'Poppins, sans-serif', height: 350, toolbar: { show: false } }, plotOptions: { bar: { horizontal: false, columnWidth: '60%', endingShape: 'rounded' }, }, dataLabels: { enabled: false }, stroke: { show: true, width: 2, colors: ['transparent'] }, xaxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'], }, yaxis: { title: { text: '$ (thousands)' } }, fill: { opacity: 1 }, tooltip: { y: { formatter: function (val) { return "$ " + val + " thousands" } } } }; var columnChart = new ApexCharts(columnCtx, columnConfig); columnChart.render(); } //Pie Chart if($('#invoice_chart').length > 0 ){ var pieCtx = document.getElementById("invoice_chart"), pieConfig = { colors: ['#7638ff', '#ff737b', '#fda600', '#1ec1b0'], series: [55, 40, 20, 10], chart: { fontFamily: 'Poppins, sans-serif', height: 320, type: 'donut', }, labels: ['Paid', 'Unpaid', 'Overdue', 'Draft'], legend: {show: false}, responsive: [{ breakpoint: 480, options: { chart: { width: 200, height:200, }, legend: { position: 'bottom' } } }] }; var pieChart = new ApexCharts(pieCtx, pieConfig); pieChart.render(); } // Simple Line if($('#s-line').length > 0 ){ var sline = { chart: { height: 350, type: 'line', zoom: { enabled: false }, toolbar: { show: false, } }, colors: ['#7539FF'], dataLabels: { enabled: false }, stroke: { curve: 'straight' }, series: [{ name: "Desktops", data: [10, 41, 35, 51, 49, 62, 69, 91, 148] }], title: { text: 'Product Trends by Month', align: 'left' }, grid: { row: { colors: ['#f1f2f3', 'transparent'], // takes an array which will be repeated on columns opacity: 0.5 }, }, xaxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'], } } var chart = new ApexCharts( document.querySelector("#s-line"), sline ); chart.render(); } // Simple Line Area if($('#s-line-area').length > 0 ){ var sLineArea = { chart: { height: 350, type: 'area', toolbar: { show: false, } }, colors: ['#7539FF', '#00e396'], dataLabels: { enabled: false }, stroke: { curve: 'smooth' }, series: [{ name: 'series1', data: [31, 40, 28, 51, 42, 109, 100] }, { name: 'series2', data: [11, 32, 45, 32, 34, 52, 41] }], xaxis: { type: 'datetime', categories: ["2018-09-19T00:00:00", "2018-09-19T01:30:00", "2018-09-19T02:30:00", "2018-09-19T03:30:00", "2018-09-19T04:30:00", "2018-09-19T05:30:00", "2018-09-19T06:30:00"], }, tooltip: { x: { format: 'dd/MM/yy HH:mm' }, } } var chart = new ApexCharts( document.querySelector("#s-line-area"), sLineArea ); chart.render(); } // Simple Column if($('#s-col').length > 0 ){ var sCol = { chart: { height: 350, type: 'bar', toolbar: { show: false, } }, plotOptions: { bar: { horizontal: false, columnWidth: '55%', endingShape: 'rounded' }, }, colors: ['#7539FF', '#00e396'], dataLabels: { enabled: false }, stroke: { show: true, width: 2, colors: ['transparent'] }, series: [{ name: 'Net Profit', data: [44, 55, 57, 56, 61, 58, 63, 60, 66] }, { name: 'Revenue', data: [76, 85, 101, 98, 87, 105, 91, 114, 94] }], xaxis: { categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'], }, yaxis: { title: { text: '$ (thousands)' } }, fill: { opacity: 1 }, tooltip: { y: { formatter: function (val) { return "$ " + val + " thousands" } } } } var chart = new ApexCharts( document.querySelector("#s-col"), sCol ); chart.render(); } // Simple Column Stacked if($('#s-col-stacked').length > 0 ){ var sColStacked = { chart: { height: 350, type: 'bar', stacked: true, toolbar: { show: false, } }, colors: ['#7539FF', '#00e396', '#feb019', '#ff4560'], responsive: [{ breakpoint: 480, options: { legend: { position: 'bottom', offsetX: -10, offsetY: 0 } } }], plotOptions: { bar: { horizontal: false, }, }, series: [{ name: 'PRODUCT A', data: [44, 55, 41, 67, 22, 43] },{ name: 'PRODUCT B', data: [13, 23, 20, 8, 13, 27] },{ name: 'PRODUCT C', data: [11, 17, 15, 15, 21, 14] },{ name: 'PRODUCT D', data: [21, 7, 25, 13, 22, 8] }], xaxis: { type: 'datetime', categories: ['01/01/2011 GMT', '01/02/2011 GMT', '01/03/2011 GMT', '01/04/2011 GMT', '01/05/2011 GMT', '01/06/2011 GMT'], }, legend: { position: 'right', offsetY: 40 }, fill: { opacity: 1 }, } var chart = new ApexCharts( document.querySelector("#s-col-stacked"), sColStacked ); chart.render(); } // Simple Bar if($('#s-bar').length > 0 ){ var sBar = { chart: { height: 350, type: 'bar', toolbar: { show: false, } }, colors: ['#7539FF'], plotOptions: { bar: { horizontal: true, } }, dataLabels: { enabled: false }, series: [{ data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380] }], xaxis: { categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', 'United States', 'China', 'Germany'], } } var chart = new ApexCharts( document.querySelector("#s-bar"), sBar ); chart.render(); } // Mixed Chart if($('#mixed-chart').length > 0 ){ var options = { chart: { height: 350, type: 'line', toolbar: { show: false, } }, colors: ['#7539FF', '#00e396'], series: [{ name: 'Website Blog', type: 'column', data: [440, 505, 414, 671, 227, 413, 201, 352, 752, 320, 257, 160] }, { name: 'Social Media', type: 'line', data: [23, 42, 35, 27, 43, 22, 17, 31, 22, 22, 12, 16] }], stroke: { width: [0, 4] }, title: { text: 'Traffic Sources' }, labels: ['01 Jan 2001', '02 Jan 2001', '03 Jan 2001', '04 Jan 2001', '05 Jan 2001', '06 Jan 2001', '07 Jan 2001', '08 Jan 2001', '09 Jan 2001', '10 Jan 2001', '11 Jan 2001', '12 Jan 2001'], xaxis: { type: 'datetime' }, yaxis: [{ title: { text: 'Website Blog', }, }, { opposite: true, title: { text: 'Social Media' } }] } var chart = new ApexCharts( document.querySelector("#mixed-chart"), options ); chart.render(); } // Donut Chart if($('#donut-chart').length > 0 ){ var donutChart = { chart: { height: 350, type: 'donut', toolbar: { show: false, } }, colors: ['#7539FF', '#00e396', '#feb019', '#ff4560'], series: [44, 55, 41, 17], responsive: [{ breakpoint: 480, options: { chart: { width: 200, height:300, }, legend: { position: 'bottom' } } }] } var donut = new ApexCharts( document.querySelector("#donut-chart"), donutChart ); donut.render(); } // Radial Chart if($('#radial-chart').length > 0 ){ var radialChart = { chart: { height: 350, type: 'radialBar', toolbar: { show: false, } }, colors: ['#7539FF', '#00e396', '#feb019', '#ff4560'], plotOptions: { radialBar: { dataLabels: { name: { fontSize: '22px', }, value: { fontSize: '16px', }, total: { show: true, label: 'Total', formatter: function (w) { return 249 } } } } }, series: [44, 55, 67, 83], labels: ['Apples', 'Oranges', 'Bananas', 'Berries'], } var chart = new ApexCharts( document.querySelector("#radial-chart"), radialChart ); chart.render(); } if($('#earnings-chart').length > 0 ){ var options = { series: [{ name: "Earnings ", colors: ['#7539FF'], data: [{ x: 'Jan', y: 40, }, { x: 'Feb', y: 38 }, { x: 'Mar', y: 50 }, { x: 'Apr', y: 85 }, { x: 'May', y: 55 },{ x: 'Jun', y: 45 },{ x: 'Jul', y: 60 },{ x: 'Aug', y: 40 },{ x: 'Sep', y: 43 },{ x: 'Oct', y: 30 },{ x: 'Nov', y: 65 },{ x: 'Dec', y: 50 }] }], chart: { type: 'bar', height: 250, }, plotOptions: { bar: { borderRadius: 50, borderRadiusApplication: 'around', } }, dataLabels: { enabled: false, }, colors: ['#7539FF'], xaxis: { type: 'category', group: { style: { fontSize: '7px', fontWeight: 700, }, groups: [ { title: '2019', cols: 4 }, { title: '2020', cols: 4 } ] } }, }; var chart = new ApexCharts(document.querySelector("#earnings-chart"), options); chart.render(); } if($('#companies_flow').length > 0 ){ var options = { series: [{ name: "Companies", data: [25, 40, 30, 55, 25, 35, 25,50,20] }], chart: { height: 273, type: 'area', zoom: { enabled: false } }, colors: ['#FF9F43'], dataLabels: { enabled: false }, stroke: { curve: 'straight' }, title: { text: '', align: 'left' }, // grid: { // row: { // colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns // opacity: 0.5 // }, // }, xaxis: { categories: ['Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat', 'Sun'], }, yaxis: { min: 10, max: 60, tickAmount: 5, labels: { formatter: (val) => { return val / 1 + 'K' } } }, legend: { position: 'top', horizontalAlign: 'left' } }; var chart = new ApexCharts(document.querySelector("#companies_flow"), options); chart.render(); } if($('#plane-chart').length > 0 ){ var options = { series: [{ data: [400, 325, 312, 294, 254, 252] }], chart: { type: 'bar', height: 300 }, plotOptions: { bar: { barHeight: '100%', distributed: true, horizontal: true, } }, dataLabels: { enabled: false, }, colors: ['#FFEFDD', '#EADDFF', '#DDF3FF', '#FFECEC', '#E1FFED', '#E0E0E0'], dataLabels: { enabled: true, textAnchor: 'end', margin:10, style: { colors: ['#1D1D1D'] }, formatter: function (val, opt) { return opt.w.globals.labels[opt.dataPointIndex] + ": " + val }, offsetX: 0, dropShadow: { enabled: true } }, stroke: { width: 0, colors: ['#1D1D1D'], }, xaxis: { categories: ['Sales : $6,100,00','Sales : $5,100,00','Sales : $4,200,00','Sales : $3,400,00','Sales : $3,400,00','Sales : $400,00'], }, yaxis: { labels: { show: false } }, tooltip: { theme: 'dark', x: { show: false }, y: { title: { formatter: function () { return '' } } } } }; var chart = new ApexCharts(document.querySelector("#plane-chart"), options); chart.render(); } }); home/aissorg/public_html/admin/assets/plugins/morris/chart-data.js 0000644 00000010051 15116256377 0021413 0 ustar 00 $(function() { 'use strict'; var morrisData = [{ y: '2006', a: 12, b: 18 }, { y: '2007', a: 18, b: 22 }, { y: '2008', a: 15, b: 18 }, { y: '2009', a: 25, b: 28 }, { y: '2010', a: 30, b: 35 }, { y: '2011', a: 18, b: 28 }, { y: '2012', a: 12, b: 18 }]; var morrisData2 = [{ y: '2006', a: 12, b: 18, c: 20 }, { y: '2007', a: 18, b: 22, c: 25 }, { y: '2008', a: 15, b: 18, c: 24 }, { y: '2009', a: 25, b: 28, c: 30 }, { y: '2010', a: 30, b: 35, c: 38 }, { y: '2011', a: 18, b: 28, c: 40 }, { y: '2012', a: 12, b: 18, c: 28 }]; new Morris.Bar({ element: 'morrisBar1', data: morrisData, xkey: 'y', ykeys: ['a', 'b'], labels: ['Series A', 'Series B'], barColors: ['#664dc9','#44c4fa'], gridTextSize: 11, hideHover: 'auto', resize: true }); new Morris.Bar({ element: 'morrisBar3', data: morrisData, xkey: 'y', ykeys: ['a', 'b'], labels: ['Series A', 'Series B'], barColors: ['#664dc9','#44c4fa'], stacked: true, gridTextSize: 11, hideHover: 'auto', resize: true }); new Morris.Line({ element: 'morrisLine1', data: [{ y: '2006', a: 12, b: 18 }, { y: '2007', a: 18, b: 22 }, { y: '2008', a: 15, b: 18 }, { y: '2009', a: 25, b: 28 }, { y: '2010', a: 30, b: 35 }, { y: '2011', a: 18, b: 28 }, { y: '2012', a: 12, b: 18 }], xkey: 'y', ykeys: ['a', 'b'], labels: ['Series A', 'Series B'], lineColors: ['#664dc9','#44c4fa'], lineWidth: 1, ymax: 'auto 50', gridTextSize: 11, hideHover: 'auto', resize: true }); new Morris.Area({ element: 'morrisArea1', data: [{ y: '2006', a: 10, b: 15 }, { y: '2007', a: 25, b: 22 }, { y: '2008', a: 80, b: 60 }, { y: '2009', a: 25, b: 28 }, { y: '2010', a: 30, b: 35 }, { y: '2011', a: 18, b: 28 }, { y: '2012', a: 12, b: 18 }], xkey: 'y', ykeys: ['a', 'b'], labels: ['Series A', 'Series B'], lineColors: ['#664dc9','#44c4fa'], lineWidth: 1, fillOpacity: 0.9, gridTextSize: 11, hideHover: 'auto', resize: true, ymax: 'auto 100', }); var nReloads = 0; function data(offset) { var ret = []; for (var x = 0; x <= 360; x += 10) { var v = (offset + x) % 360; ret.push({ x: x, y: Math.sin(Math.PI * v / 180).toFixed(4), z: Math.cos(Math.PI * v / 180).toFixed(4) }); } return ret; } /*---- morrisBar6----*/ var graph = Morris.Line({ element: 'morrisBar6', data: data(0), xkey: 'x', ykeys: ['y', 'z'], labels: ['data1', 'data2'], lineColors: ['#664dc9','#44c4fa'], parseTime: false, ymin: -1.0, ymax: 1.0, hideHover: true }); function update() { nReloads++; graph.setData(data(5 * nReloads)); $('#reloadStatus').text(nReloads + ' reloads'); } setInterval(update, 100); /*---- morrisBar7----*/ var day_data = [ {"period": "2012-10-01", "licensed": 3407, "sorned": 660}, {"period": "2012-09-30", "licensed": 3351, "sorned": 629}, {"period": "2012-09-29", "licensed": 3269, "sorned": 618}, {"period": "2012-09-20", "licensed": 3246, "sorned": 661}, {"period": "2012-09-19", "licensed": 3257, "sorned": 667}, {"period": "2012-09-18", "licensed": 3248, "sorned": 627}, {"period": "2012-09-17", "licensed": 3171, "sorned": 660}, {"period": "2012-09-16", "licensed": 3171, "sorned": 676}, {"period": "2012-09-15", "licensed": 3201, "sorned": 656}, {"period": "2012-09-10", "licensed": 3215, "sorned": 622} ]; new Morris.Line({ element: 'morrisBar7', data: day_data, xkey: 'period', ykeys: ['licensed', 'sorned'], labels: ['Licensed', 'SORN'], lineColors: ['#664dc9','#44c4fa'], }); new Morris.Donut({ element: 'morrisDonut1', data: [{ label: 'Sales', value: 50 }, { label: 'Pending;', value: 30 }, { label: 'Process', value: 20 }], colors: ['#664dc9','#44c4fa', '#38cb89'], storke: ['#664dc9','#44c4fa', '#38cb89'], resize: true, backgroundColor: 'rgba(119, 119, 142, 0.2)', labelColor: '#8e9cad', }); }); home/aissorg/public_html/admin/assets/plugins/peity/chart-data.js 0000644 00000004232 15116256411 0021223 0 ustar 00 (function($){ "use strict"; // Start of use strict $(function() { "use strict"; // Just the defaults. $("span.pie").peity("pie",{ width: '80', height: '80' }) $('span.donut').peity('donut',{ width: '50', height: '50' }) $(".peity-line").peity("line",{ width: '100%', height: '65', fill:['#705ec8'] }) $(".bar").peity("bar",{ width: '100%', height: '50' }) $(".bar-colours-1").peity("bar", { fill: ["#664dc9", "#e3dff5"], width: '100', height: '100' }) $(".bar-colours-2").peity("bar", { fill: function(value) { return value > 0 ? "#38cb89" : "#aeeacf" }, width: '100', height: '100' }) $(".bar-colours-3").peity("bar", { fill: ["#ffab00", "#ffdd99"], width: '100', height: '100' }) $(".bar-colours-4").peity("bar", { fill: function(value) { return value > 0 ? "#ef4b4b" : "#f7a1a1" }, width: '100', height: '100' }) $(".pie-colours-1").peity("pie", { fill: ["#705ec8", "#fa057a", "#2dce89", "#ff5b51"], width: '100', height: '100' }) $(".pie-colours-2").peity("pie", { fill: ["#705ec8", "#fa057a", "#2dce89", "#ff5b51", "#fcbf09"], width: '100', height: '100' }) // Using data attributes $(".data-attributes span").peity("donut") // Evented example. $("select").change(function() { var text = $(this).val() + "/" + 5 $(this) .siblings("span.graph") .text(text) .change() $("#notice").text("Chart updated: " + text) }).change() $("span.graph").peity("pie") // Updating charts. var updatingChart = $(".updating-chart").peity("line", { width: "100%",height:65 }) setInterval(function() { var random = Math.round(Math.random() * 20) var values = updatingChart.text().split(",") values.shift() values.push(random) updatingChart .text(values.join(",")) .change() }, 2500) }) })(jQuery); home/aissorg/public_html/admin/assets/plugins/c3-chart/chart-data.js 0000644 00000042144 15116256421 0021502 0 ustar 00 (function($) { "use strict"; /*chart-employment*/ var chart = c3.generate({ bindto: '#chart-employment', // id of chart wrapper data: { columns: [ // each columns data ['data1', 9, 4, 9, 11, 15, 17], ['data2', 7, 17, 13, 17, 25, 28], ['data3', 18, 19, 22, 21, 32, 28] ], type: 'line', // default type of chart colors: { data1: '#664dc9', data2:'#44c4fa', data3:'#2dce89' }, names: { // name of each serie 'data1': 'May', 'data2': 'June', 'data3': 'July' } }, axis: { x: { type: 'category', // name of each category categories: ['2013', '2014', '2015', '2016', '2017', '2018'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-temperature*/ var chart = c3.generate({ bindto: '#chart-temperature', // id of chart wrapper data: { columns: [ // each columns data ['data1', 8.0, 7.9, 10.5, 15.5, 19.4, 22.5, 26.2, 27.5, 24.3, 19.3, 14.9, 10.6], ['data2', 4.9, 5.2, 6.7, 9.5, 12.9, 16.2, 18.0, 17.6, 15.2, 11.3, 7.6, 5.8] ], labels: true, type: 'line', // default type of chart colors: { data1:'#664dc9', data2: '#44c4fa' }, names: { // name of each serie 'data1': 'India', 'data2': 'USA' } }, axis: { x: { type: 'category', // name of each category categories: ['May', 'June', 'July', 'Aug', 'Sep', 'Oct'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-area*/ var chart = c3.generate({ bindto: '#chart-area', // id of chart wrapper data: { columns: [ // each columns data ['data1', 12, 8, 16, 19, 20, 18], ['data2', 12, 5, 6, 8,10, 13] ], type: 'area', // default type of chart colors: { data1: '#664dc9', data2: '#44c4fa' }, names: { // name of each serie 'data1': 'Maximum', 'data2': 'Minimum' } }, axis: { x: { type: 'category', // name of each category categories: ['May', 'June', 'July', 'Aug', 'Sep', 'Oct'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-area-spline*/ var chart = c3.generate({ bindto: '#chart-area-spline', // id of chart wrapper data: { columns: [ // each columns data ['data1', 10, 8, 10, 12, 20, 18], ['data2', 8, 12, 8, 20, 10, 13] ], type: 'area-spline', // default type of chart colors: { data1:'#44c4fa', data2: '#664dc9' }, names: { // name of each serie 'data1': 'data1', 'data2': 'data2' } }, axis: { x: { type: 'category', // name of each category categories: ['May', 'June', 'July', 'Aug', 'Sep', 'Oct'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-area-spline-sracked*/ var chart = c3.generate({ bindto: '#chart-area-spline-sracked', // id of chart wrapper data: { columns: [ // each columns data ['data1', 12, 9, 16, 19, 20, 18], ['data2', 8, 8, 6, 8, 10, 13] ], type: 'area-spline', // default type of chart groups: [ [ 'data1', 'data2'] ], colors: { data1: '#44c4fa', data2: '#664dc9' }, names: { // name of each serie 'data1': 'Maximum', 'data2': 'Minimum' } }, axis: { x: { type: 'category', // name of each category categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-area-spline-sracked*/ var chart = c3.generate({ bindto: '#chart-sracked', // id of chart wrapper data: { columns: [ // each columns data ['data1', 0, 9, 16, 19, 30, 25 , 19, 12, 0], ], type: 'area-spline', // default type of chart groups: [ [ 'data1', 'data2'] ], colors: { data1:'#664dc9' }, names: { // name of each serie 'data1': 'Maximum' } }, axis: { x: { type: 'category', // name of each category categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul' ,'Aug', 'Sep'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-spline*/ var chart = c3.generate({ bindto: '#chart-spline', // id of chart wrapper data: { columns: [ // each columns data ['data1', 0, 0, 0.2, 0.5, 0.6, 1.2, 2.5, 2.9, 4.5, 4.9, 5.2, 5.8, 6.5, 6.7, 7.4, 4.9, 6.4, 5.4, 10.8, 6.8, 5.2, 11.9], ['data2', 0, 0, 0, 0, 0.3, 0.2, 0.5, 0.6, 1.5, 1.8, 1.9, 2.5, 1.6, 3.8, 3.9, 3.6, 1.8, 1.8, 1.9, 2.8, 5.4, 7.8, 10.9] ], labels: true, type: 'spline', // default type of chart colors: { data1: '#664dc9', data2:'#44c4fa' }, names: { // name of each serie 'data1': 'USA', 'data2': 'India' } }, axis: { x: { type: 'category', // name of each category categories: ['May', 'June', 'July', 'Aug', 'Sep', 'Oct'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-spline-rotated*/ var chart = c3.generate({ bindto: '#chart-spline-rotated', // id of chart wrapper data: { columns: [ // each columns data ['data1', 12, 7, 8, 6, 8, 9, 12], ['data2', 8, 10, 10, 9, 7, 10, 8] ], type: 'spline', // default type of chart colors: { data1: '#664dc9', data2: '#44c4fa' }, names: { // name of each serie 'data1': 'Maximum', 'data2': 'Minimum' } }, axis: { x: { type: 'category', // name of each category categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'] }, rotated: true, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-step*/ var chart = c3.generate({ bindto: '#chart-step', // id of chart wrapper data: { columns: [ // each columns data ['data1', 10, 15, 10, 18, 19, 15], ['data2', 7, 7, 5, 7, 9, 12] ], type: 'step', // default type of chart colors: { data1:'#664dc9', data2: '#44c4fa' }, names: { // name of each serie 'data1': 'Maximum', 'data2': 'Minimum' } }, axis: { x: { type: 'category', // name of each category categories: ['May', 'June', 'July', 'Aug', 'Sep', 'Oct'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-area-step*/ var chart = c3.generate({ bindto: '#chart-area-step', // id of chart wrapper data: { columns: [ // each columns data ['data1', 15, 14, 18, 19, 20,18], ['data2', 10, 10, 12, 14, 15, 13] ], type: 'area-step', // default type of chart colors: { 'data1':'#44c4fa', 'data2': '#664dc9' }, names: { // name of each serie 'data1': 'Maximum', 'data2': 'Minimum' } }, axis: { x: { type: 'category', // name of each category categories: ['May', 'June', 'July', 'Aug', 'Sep', 'Oct'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-bar*/ var chart = c3.generate({ bindto: '#chart-bar', // id of chart wrapper data: { columns: [ // each columns data ['data1', 11, 8, 15, 18, 19, 17], ['data2', 7, 7, 5, 7, 9, 12] ], type: 'bar', // default type of chart colors: { data1: '#664dc9', data2: '#44c4fa' }, names: { // name of each serie 'data1': 'Maximum', 'data2': 'Minimum' } }, axis: { x: { type: 'category', // name of each category categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'] }, }, bar: { width: 16 }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-bar*/ var chart = c3.generate({ bindto: '#chart-monthly', // id of chart wrapper data: { columns: [ // each columns data ['data1', 11, 8, 35, 18, 19, 17 , 33, 39, 48, 57, 39, 63] ], type: 'bar', // default type of chart colors: { data1: '#664dc9' }, names: { // name of each serie 'data1': 'Maximum' } }, axis: { x: { type: 'category', // name of each category categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun' ,'Jul' , 'Aug', 'Sep' , 'Oct', 'Nov', 'Dec'] }, }, bar: { width: 30 }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-bar-rotated*/ var chart = c3.generate({ bindto: '#chart-bar-rotated', // id of chart wrapper data: { columns: [ // each columns data ['data1', 11, 8, 15, 18, 19, 17], ['data2', 7, 7, 5, 7, 9, 12] ], type: 'bar', // default type of chart colors: { data1: '#44c4fa', data2: '#664dc9' }, names: { // name of each serie 'data1': 'Maximum', 'data2': 'Minimum' } }, axis: { x: { type: 'category', // name of each category categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'] }, rotated: true, }, bar: { width: 15 }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-bar-stacked*/ var chart = c3.generate({ bindto: '#chart-bar-stacked', // id of chart wrapper data: { columns: [ // each columns data ['data1', 11, 8, 15, 18, 19, 17, 20, 25, 32, 20, 14,20], ['data2', 7, 7, 5, 7, 9, 12, 4, 6, 2, 5, 2, 8 ] ], type: 'bar', // default type of chart groups: [ [ 'data1', 'data2'] ], colors: { data1: '#44c4fa', data2: '#664dc9' }, names: { // name of each serie 'data1': 'Maximum', 'data2': 'Minimum' } }, axis: { x: { type: 'category', // name of each category categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun' ,'Jul' , 'Aug', 'Sep' , 'Oct', 'Nov', 'Dec'] }, }, bar: { width: 16 }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-pie*/ var chart = c3.generate({ bindto: '#chart-pie', // id of chart wrapper data: { columns: [ // each columns data ['data1', 63], ['data2', 44], ['data3', 12], ['data4', 14] ], type: 'pie', // default type of chart colors: { 'data1': '#664dc9', 'data2': '#44c4fa', 'data3': '#2dce89', 'data4': '#ff5b51' }, names: { // name of each serie 'data1': 'A', 'data2': 'B', 'data3': 'C', 'data4': 'D' } }, axis: { }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-pie*/ var chart = c3.generate({ bindto: '#chart-pie2', // id of chart wrapper data: { columns: [ // each columns data ['data1', 63], ['data2', 40], ['data3', 12], ['data4', 14], ['data5', 29], ['data6', 21], ], type: 'pie', // default type of chart colors: { 'data1': '#664dc9', 'data2': '#44c4fa', 'data3': '#fcbf09', 'data4': '#2dcbf7', 'data5': '#2dce89', 'data6': '#f7592d', }, names: { // name of each serie 'data1': 'A', 'data2': 'B', 'data3': 'C', 'data4': 'D', 'data5': 'E', 'data6': 'F' } }, axis: { }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-pie*/ var chart = c3.generate({ bindto: '#chart-pie3', // id of chart wrapper data: { columns: [ // each columns data ['data1', 63], ['data2', 44], ['data3', 28] ], type: 'pie', // default type of chart colors: { 'data1': '#664dc9', 'data2': '#44c4fa', 'data3': '#2dce89', }, names: { // name of each serie 'data1': 'A', 'data2': 'B', 'data3': 'C' } }, axis: { }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-pie*/ var chart = c3.generate({ bindto: '#chart-pie4', // id of chart wrapper data: { columns: [ // each columns data ['data1', 58], ['data2', 45], ['data3', 20], ['data4', 14] ], type: 'pie', // default type of chart colors: { 'data1': '#664dc9', 'data2': '#44c4fa', 'data3': '#2dce89', 'data4': '#ff5b51' }, names: { // name of each serie 'data1': 'A', 'data2': 'B', 'data3': 'C', 'data4': 'D' } }, axis: { }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-donut*/ var chart = c3.generate({ bindto: '#chart-donut', // id of chart wrapper data: { columns: [ // each columns data ['data1', 58], ['data2', 65], ['data3', 35], ], type: 'donut', // default type of chart colors: { data1: '#664dc9', data2: '#44c4fa', data3: '#2dce89', }, names: { // name of each serie 'data1': 'sales1', 'data2': 'sales2', 'data3': 'sales3' } }, axis: { }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-donut*/ var chart = c3.generate({ bindto: '#chart-donut2', // id of chart wrapper data: { columns: [ // each columns data ['data1', 78], ['data2', 95], ['data3', 25], ['data4', 45], ['data5', 75], ['data6', 25], ], type: 'donut', // default type of chart colors: { 'data1': '#664dc9', 'data2': '#44c4fa', 'data3': '#ff5b51', 'data4': '#2dcbf7', 'data5': '#2dce89', 'data6': '#fcbf09', }, names: { // name of each serie 'data1': 'sales1', 'data2': 'sales2', 'data3': 'sales3', 'data4': 'sales4', 'data5': 'sales5', 'data6': 'sales6', } }, axis: { }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-donut*/ var chart = c3.generate({ bindto: '#chart-donut3', // id of chart wrapper data: { columns: [ // each columns data ['data1', 78], ['data2', 95] ], type: 'donut', // default type of chart colors: { data1: '#664dc9', data2: '#44c4fa', }, names: { // name of each serie 'data1': 'sales1', 'data2': 'sales2' } }, axis: { }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-donut*/ var chart = c3.generate({ bindto: '#chart-donut4', // id of chart wrapper data: { columns: [ // each columns data ['data1', 78], ['data2', 95], ['data3', 25], ['data4', 45] ], type: 'donut', // default type of chart colors: { 'data1': '#664dc9', 'data2': '#44c4fa', 'data3': '#ff5b51', 'data4': '#2dce89', }, names: { // name of each serie 'data1': 'sales1', 'data2': 'sales2', 'data3': 'sales3', 'data4': 'sales4', } }, axis: { }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-scatter*/ var chart = c3.generate({ bindto: '#chart-scatter', // id of chart wrapper data: { columns: [ // each columns data ['data1', 11, 8, 15, 18, 19, 17], ['data2', 7, 7, 5, 7, 9, 12] ], type: 'scatter', // default type of chart colors: { data1: 'green', data2: 'red' }, names: { // name of each serie 'data1': 'Maximum', 'data2': 'Minimum' } }, axis: { x: { type: 'category', // name of each category categories: ['May', 'Jun', 'July', 'Aug', 'Sep', 'Oct'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-combination*/ var chart = c3.generate({ bindto: '#chart-combination', // id of chart wrapper data: { columns: [ // each columns data ['data1', 100, 130, 150, 240, 130, 220], ['data2', 250, 200, 220, 400, 250, 350], ['data3', 100, 130, 150, 240, 130, 220] ], type: 'bar', // default type of chart types: { 'data1': "line", 'data2': "spline", }, groups: [ [ 'data3'] ], colors: { data1: '#2dce89', data2: '#44c4fa', data3: '#664dc9' }, names: { // name of each serie 'data1': 'Marketing', 'data2': 'Development', 'data3': 'Sales' } }, axis: { x: { type: 'category', // name of each category categories: ['2007-20082008', '2009-2010', '2011-2012', '2013-2014', '2015-2016', '2017-2018'] }, }, bar: { width: 50 }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); /*chart-wrapper*/ var chart = c3.generate({ bindto: '#chart-wrapper', // id of chart wrapper data: { columns: [ // each columns data ['data1', 7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6], ['data2', 3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] ], labels: true, type: 'line', // default type of chart colors: { data1:'purple', data2: 'pink' }, names: { // name of each serie 'data1': 'Tokyo', 'data2': 'London' } }, axis: { x: { type: 'category', // name of each category categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'] }, }, legend: { show: false, //hide legend }, padding: { bottom: 0, top: 0 }, }); })(jQuery); home/aissorg/public_html/admin/assets/plugins/chartjs/chart-data.js 0000644 00000017362 15116264706 0021545 0 ustar 00 $(function() { 'use strict'; var ctx1 = document.getElementById('chartBar1').getContext('2d'); new Chart(ctx1, { type: 'bar', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], datasets: [{ label: 'Sales', data: [24, 10, 32, 24, 26, 20], backgroundColor: '#664dc9' }] }, options: { maintainAspectRatio: false, responsive: true, legend: { display: false, labels: { display: false } }, scales: { yAxes: [{ ticks: { beginAtZero: true, fontSize: 10, max: 80 } }], xAxes: [{ barPercentage: 0.6, ticks: { beginAtZero: true, fontSize: 11 } }] } } }); var ctx2 = document.getElementById('chartBar2').getContext('2d'); new Chart(ctx2, { type: 'bar', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], datasets: [{ label: 'Sales', data: [14, 12, 34, 25, 24, 20], backgroundColor: '#44c4fa' }] }, options: { maintainAspectRatio: false, responsive: true, legend: { display: false, labels: { display: false } }, scales: { yAxes: [{ ticks: { beginAtZero: true, fontSize: 10, max: 80 } }], xAxes: [{ barPercentage: 0.6, ticks: { beginAtZero: true, fontSize: 11 } }] } } }); var ctx3 = document.getElementById('chartBar3').getContext('2d'); var gradient = ctx3.createLinearGradient(0, 0, 0, 250); gradient.addColorStop(0, '#44c4fa'); gradient.addColorStop(1, '#664dc9'); new Chart(ctx3, { type: 'bar', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], datasets: [{ label: 'Sales', data: [14, 12, 34, 25, 24, 20], backgroundColor: gradient }] }, options: { maintainAspectRatio: false, responsive: true, legend: { display: false, labels: { display: false } }, scales: { yAxes: [{ ticks: { beginAtZero: true, fontSize: 10, max: 80 } }], xAxes: [{ barPercentage: 0.6, ticks: { beginAtZero: true, fontSize: 11 } }] } } }); var ctx4 = document.getElementById('chartBar4').getContext('2d'); new Chart(ctx4, { type: 'bar', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], datasets: [{ label: 'Sales', data: [14, 12, 34, 25, 24, 20], backgroundColor: ['#664dc9', '#44c4fa', '#38cb89', '#3e80eb', '#ffab00', '#ef4b4b'] }] }, options: { indexAxis: 'y', maintainAspectRatio: false, legend: { display: false, labels: { display: false } }, scales: { yAxes: [{ ticks: { beginAtZero: true, fontSize: 10, } }], xAxes: [{ ticks: { beginAtZero: true, fontSize: 11, max: 80 } }] } } }); var ctx5 = document.getElementById('chartBar5').getContext('2d'); new Chart(ctx5, { type: 'bar', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'], datasets: [{ data: [14, 12, 34, 25, 24, 20], backgroundColor: [ '#664dc9', '#38cb89', '#116e7c', '#ffab00', '#ef4b4b'] }, { data: [22, 30, 25, 30, 20, 40], backgroundColor: '#44c4fa' }] }, options: { indexAxis: 'y', maintainAspectRatio: false, legend: { display: false, labels: { display: false } }, scales: { yAxes: [{ ticks: { beginAtZero: true, fontSize: 11, } }], xAxes: [{ ticks: { beginAtZero: true, fontSize: 11, max: 80 } }] } } }); /** STACKED BAR CHART **/ var ctx6 = document.getElementById('chartStacked1'); new Chart(ctx6, { type: 'bar', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], datasets: [{ data: [14, 12, 34, 25, 24, 20], backgroundColor: '#664dc9', borderWidth: 1, fill: true }, { data: [14, 12, 34, 25, 24, 20], backgroundColor: '#44c4fa', borderWidth: 1, fill: true }] }, options: { maintainAspectRatio: false, legend: { display: false, labels: { display: false } }, scales: { yAxes: [{ stacked: true, ticks: { beginAtZero: true, fontSize: 11 } }], xAxes: [{ barPercentage: 0.5, stacked: true, ticks: { fontSize: 11 } }] } } }); var ctx7 = document.getElementById('chartStacked2'); new Chart(ctx7, { type: 'bar', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], datasets: [{ data: [14, 12, 34, 25, 24, 20], backgroundColor: '#664dc9', borderWidth: 1, fill: true }, { data: [14, 12, 34, 25, 24, 20], backgroundColor: '#44c4fa', borderWidth: 1, fill: true }] }, options: { indexAxis: 'y', maintainAspectRatio: false, legend: { display: false, labels: { display: false } }, scales: { yAxes: [{ stacked: true, ticks: { beginAtZero: true, fontSize: 10, max: 80 } }], xAxes: [{ stacked: true, ticks: { beginAtZero: true, fontSize: 11 } }] } } }); /* LINE CHART */ var ctx8 = document.getElementById('chartLine1'); new Chart(ctx8, { type: 'line', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], datasets: [{ data: [14, 12, 34, 25, 44, 36, 35, 25, 30, 32, 20, 25 ], borderColor: '#664dc9', borderWidth: 1, fill: false }, { data: [35, 30, 45, 35, 55, 40, 10, 20, 25, 55, 50, 45], borderColor: '#44c4fa', borderWidth: 1, fill: false }] }, options: { maintainAspectRatio: false, legend: { display: false, labels: { display: false } }, scales: { yAxes: [{ ticks: { beginAtZero: true, fontSize: 10, max: 80 } }], xAxes: [{ ticks: { beginAtZero: true, fontSize: 11 } }] } } }); /** AREA CHART **/ var ctx9 = document.getElementById('chartArea1'); var gradient1 = ctx3.createLinearGradient(0, 350, 0, 0); gradient1.addColorStop(0, 'rgba(102, 77, 201,0)'); gradient1.addColorStop(1, 'rgba(102, 77, 201,.5)'); var gradient2 = ctx3.createLinearGradient(0, 280, 0, 0); gradient2.addColorStop(0, 'rgba(91, 115, 232,0)'); gradient2.addColorStop(1, 'rgba(91, 115, 232,.5)'); new Chart(ctx9, { type: 'line', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], datasets: [{ data: [14, 12, 34, 25, 44, 36, 35, 25, 30, 32, 20, 25 ], borderColor: '#664dc9', borderWidth: 1, backgroundColor: gradient1 }, { data: [35, 30, 45, 35, 55, 40, 10, 20, 25, 55, 50, 45], borderColor: '#44c4fa', borderWidth: 1, backgroundColor: gradient2 }] }, options: { maintainAspectRatio: false, legend: { display: false, labels: { display: false } }, scales: { yAxes: [{ ticks: { beginAtZero: true, fontSize: 10, max: 80 } }], xAxes: [{ ticks: { beginAtZero: true, fontSize: 11 } }] } } }); /** PIE CHART **/ var datapie = { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'], datasets: [{ data: [35,20,8,15,24], backgroundColor: ['#664dc9', '#44c4fa', '#38cb89', '#3e80eb', '#ffab00', '#ef4b4b'] }] }; var optionpie = { maintainAspectRatio: false, responsive: true, legend: { display: false, }, animation: { animateScale: true, animateRotate: true } }; // For a doughnut chart var ctx6 = document.getElementById('chartPie'); var myPieChart6 = new Chart(ctx6, { type: 'doughnut', data: datapie, options: optionpie }); // For a pie chart var ctx7 = document.getElementById('chartDonut'); var myPieChart7 = new Chart(ctx7, { type: 'pie', data: datapie, options: optionpie }); }); home/aissorg/public_html/admin/assets/plugins/flot/chart-data.js 0000644 00000013052 15116302673 0021037 0 ustar 00 $(function() { 'use strict'; $.plot('#flotBar1', [{ data: [ [0, 20], [1, 35], [2, 25], [3, 22], [4, 18], [5, 27], [6, 34], [7, 35], [8, 48], [9, 30] ] }], { series: { bars: { show: true, lineWidth: 0, fillColor: '#44c4fa', barWidth: .4 }, highlightColor: '#7cd6fc' }, grid: { borderWidth: 1, borderColor: 'rgba(67, 87, 133, .09)', hoverable: true }, yaxis: { tickColor: 'rgba(67, 87, 133, .09)', font: { color: '#8e9cad', size: 10 } }, xaxis: { tickColor: 'rgba(67, 87, 133, .09)', font: { color: '#8e9cad', size: 10 } } }); $.plot('#flotBar2', [{ data: [ [0, 30], [2, 15], [4, 45], [6, 22], [8, 18], [10, 27], [12, 34], [14, 35], [16, 48], ], bars: { show: true, lineWidth: 0, fillColor: '#664dc9', barWidth: .8 } }, { data: [ [1, 80], [3, 20], [5, 24], [7, 17], [9, 10], [11, 24], [13, 30], [15, 16] ], bars: { show: true, lineWidth: 0, fillColor: '#44c4fa', barWidth: .8 } }], { grid: { borderWidth: 1, borderColor: 'rgba(67, 87, 133, .09)' }, yaxis: { tickColor: 'rgba(67, 87, 133, .09)', font: { color: '#8e9cad', size: 10 } }, xaxis: { tickColor: 'rgba(67, 87, 133, .09)', font: { color: '#8e9cad', size: 10 } } }); var newCust = [ [0, 10], [1, 15], [2, 25], [3, 22], [4, 18], [5, 27], [6, 34], ]; var retCust = [ [0, 8], [1, 17], [2, 28], [3, 20], [4, 16], [5, 24], [6, 36] ]; var plot = $.plot($('#flotLine1'), [{ data: newCust, label: 'Sales', color: '#664dc9' }, { data: retCust, label: 'Customer', color: '#44c4fa' }], { series: { lines: { show: true, lineWidth: 2 }, shadowSize: 0 }, points: { show: false, }, legend: { noColumns: 1, position: 'nw' }, grid: { hoverable: true, clickable: true, borderWidth: 0, labelMargin: 5 }, yaxis: { min: 0, max: 40, color: 'rgba(67, 87, 133, .09)', font: { size: 10, color: '#8e9cad' } }, xaxis: { color: 'rgba(67, 87, 133, .09)', font: { size: 10, color: '#8e9cad' } } }); var plot = $.plot($('#flotLine2'), [{ data: newCust, label: 'Sales', color: '#664dc9' }, { data: retCust, label: 'Customer', color: '#44c4fa' }], { series: { lines: { show: true, lineWidth: 2 }, shadowSize: 0 }, points: { show: true, }, legend: { noColumns: 1, position: 'ne' }, grid: { hoverable: true, clickable: true, borderColor: '#ddd', borderWidth: 0, labelMargin: 5 }, yaxis: { min: 0, max: 50, color: 'rgba(67, 87, 133, .09)', font: { size: 10, color: '#8e9cad' } }, xaxis: { color: 'rgba(67, 87, 133, .09)', font: { size: 10, color: '#8e9cad' } } }); var plot = $.plot($('#flotArea1'), [{ data: newCust, label: 'Sales', color: '#664dc9' }, { data: retCust, label: 'Customer', color: '#44c4fa' }], { series: { lines: { show: true, lineWidth: 1, fill: true, fillColor: { colors: [{ opacity: 0 }, { opacity: 0.8 }] } }, shadowSize: 0 }, points: { show: false, }, legend: { noColumns: 1, position: 'nw' }, grid: { hoverable: true, clickable: true, borderColor: '#ddd', borderWidth: 0, labelMargin: 5 }, yaxis: { min: 0, max: 50, color: 'rgba(67, 87, 133, .09)', font: { size: 10, color: '#8e9cad' } }, xaxis: { color: 'rgba(67, 87, 133, .09)', font: { size: 10, color: '#8e9cad' } } }); var plot = $.plot($('#flotArea2'), [{ data: newCust, label: 'Sales', color: '#664dc9' }, { data: retCust, label: 'Customer', color: '#44c4fa' }], { series: { lines: { show: true, lineWidth: 1, fill: true, fillColor: { colors: [{ opacity: 0 }, { opacity: 0.3 }] } }, shadowSize: 0 }, points: { show: true, }, legend: { noColumns: 1, position: 'nw' }, grid: { hoverable: true, clickable: true, borderColor: '#ddd', borderWidth: 0, labelMargin: 5 }, yaxis: { min: 0, max: 50, color: 'rgba(67, 87, 133, .09)', font: { size: 10, color: '#8e9cad' } }, xaxis: { color: 'rgba(67, 87, 133, .09)', font: { size: 10, color: '#8e9cad' } } }); /**************** PIE CHART *******************/ var piedata = [{ label: 'Series 1', data: [ [1, 10] ], color: '#664dc9' }, { label: 'Series 2', data: [ [1, 50] ], color: '#44c4fa' }, { label: 'Series 3', data: [ [1, 30] ], color: '#38cb89' }, { label: 'Series 4', data: [ [1, 30] ], color: '#ef4b4b' }, { label: 'Series 5', data: [ [1, 60] ], color: '#ffab00' }]; $.plot('#flotPie1', piedata, { series: { pie: { show: true, radius: 1, label: { show: true, radius: 2 / 3, formatter: labelFormatter, threshold: 0.1 } } }, grid: { hoverable: false, clickable: true } }); $.plot('#flotPie2', piedata, { series: { pie: { show: true, radius: 1, innerRadius: 0.5, label: { show: true, radius: 2 / 3, formatter: labelFormatter, threshold: 0.1 } } }, grid: { hoverable: false, clickable: true } }); function labelFormatter(label, series) { return '<div style="font-size:8pt; text-align:center; padding:2px; color:white;">' + label + '<br/>' + Math.round(series.percent) + '%</div>'; } });
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings