Gecko [ fastearnlimited.com ]

Name	Size	Permission	Date
vendor	[ DIR ]	drwxrwxr-x	2024-03-30 11:53
app.js	5.52 KB	-rw-rw-r--	2024-05-29 16:50
charts.js	6.87 KB	-rw-rw-r--	2024-05-22 12:36
codemirror.min.js	167.43 KB	-rw-rw-r--	2024-05-22 12:36
css.min.js	26.53 KB	-rw-rw-r--	2024-05-22 12:36
custom.js	726 B	-rw-rw-r--	2024-02-22 11:47
daterangepicker.min.js	35.35 KB	-rw-rw-r--	2024-05-22 12:36
fontawesome-iconpicker.js	328.24 KB	-rw-rw-r--	2024-05-22 12:36
highlighter22.js	1.17 KB	-rw-rw-r--	2024-05-22 12:36
jquery-sortable.js	27.18 KB	-rw-rw-r--	2024-05-22 12:36
jquery-ui.min.js	249.11 KB	-rw-rw-r--	2024-05-22 12:36
moment.min.js	59.63 KB	-rw-rw-r--	2024-05-22 12:36
nicEdit.js	49.3 KB	-rw-rw-r--	2023-06-15 17:41
nicEditIcons-latest.gif	3.63 KB	-rw-rw-r--	2023-06-15 17:41
search.js	6.27 KB	-rw-rw-r--	2024-05-22 12:36
spectrum.js	81.18 KB	-rw-rw-r--	2024-05-22 12:36
sublime.min.js	15.06 KB	-rw-rw-r--	2024-05-22 12:36
xml.js	13.85 KB	-rw-rw-r--	2024-05-22 12:36

Rename

// doughnut
function piChart(element, labels, data) {

new Chart(element, {
         type: 'doughnut',
         data: {
              labels: labels,
              datasets: [{
                   data: data,
                   backgroundColor: [
                        '#ff7675',
                        '#6c5ce7',
                        '#ffa62b',
                        '#ffeaa7',
                        '#D980FA',
                        '#fccbcb',
                        '#45aaf2',
                        '#05dfd7',
                        '#FF00F6',
                        '#1e90ff',
                        '#2ed573',
                        '#eccc68',
                        '#ff5200',
                        '#cd84f1',
                        '#7efff5',
                        '#7158e2',
                        '#fff200',
                        '#ff9ff3',
                        '#08ffc8',
                        '#3742fa',
                        '#1089ff',
                        '#70FF61',
                        '#bf9fee',
                        '#574b90'
                   ],
                   borderColor: [
                        'rgba(231, 80, 90, 0.75)'
                   ],
                   borderWidth: 0,

}]
         },
         options: {
              aspectRatio: 1,
              responsive: true,
              maintainAspectRatio: true,
              elements: {
                   line: {
                        tension: 0 // disables bezier curves
                   }
              },
              scales: {
                   xAxes: [{
                        display: false
                   }],
                   yAxes: [{
                        display: false
                   }]
              },
              legend: {
                   display: false,
              }
         }
    });
}

function barChart(element, currency, series, categories, height = 380) {
    let colors = ['#00e396', '#d92027'];

let options = {
         series: series,
         chart: {
              type: 'bar',
              height: height,
              toolbar: {
                   show: true,
                   offsetX: 0,
                   offsetY: 0,
                   tools: {
                        download: true,
                        selection: true,
                        zoom: true,
                        zoomin: true,
                        zoomout: true,
                        pan: true,
                        reset: true,
                        customIcons: []
                   },
                   export: {
                        csv: {
                             filename: undefined,
                             columnDelimiter: ',',
                             headerCategory: 'category',
                             headerValue: 'value',
                             dateFormatter(timestamp) {
                                  return new Date(timestamp).toDateString()
                             }
                        },
                        svg: {
                             filename: undefined,
                        },
                        png: {
                             filename: undefined,
                        }
                   },
                   autoSelected: 'zoom'
              },
         },
         plotOptions: {
              bar: {
                   horizontal: false,
                   columnWidth: '50%',
                   endingShape: 'rounded'
              },
         },
         dataLabels: {
              enabled: false
         },
         stroke: {
              show: true,
              width: 2,
              colors: ['transparent']
         },
         xaxis: {
              categories: categories,
         },

yaxis: {
              title: {
                   text: currency,
                   style: {
                        color: '#7c97bb'
                   }
              }
         },
         grid: {
              xaxis: {
                   lines: {
                        show: false
                   }
              },
              yaxis: {
                   lines: {
                        show: false
                   }
              },
         },
         fill: {
              opacity: 1,
              colors: colors
         },
         tooltip: {
              y: {
                   formatter: function (val) {
                        return currency + " " + val + " "
                   },
              },
              marker: {
                   fillColors: colors
              },
         },
         legend: {
              show: true,
              markers: {
                   fillColors: colors
              },
              labels: {
                   colors: colors
              }
         }
    };

let chart = new ApexCharts(element, options);
    chart.render();
    return chart
}

function lineChart(element, series, categories, height = 380) {
    let colors = ['#00e396', '#d92027'];
    var options = {
         chart: {
              height: height,
              type: "area",
              toolbar: {
                   show: true,
                   offsetX: 0,
                   offsetY: 0,
                   tools: {
                        download: true,
                        selection: true,
                        zoom: true,
                        zoomin: true,
                        zoomout: true,
                        pan: true,
                        reset: true,
                        customIcons: []
                   },
                   autoSelected: 'zoom'
              },
              dropShadow: {
                   enabled: true,
                   enabledSeries: [0],
                   top: -2,
                   left: 0,
                   blur: 10,
                   opacity: 0.08
              },
              animations: {
                   enabled: true,
                   easing: 'linear',
                   dynamicAnimation: {
                        speed: 1000
                   }
              },
         },
         colors: colors,
         dataLabels: {
              enabled: false
         },
         series: series,
         fill: {
              type: "gradient",
              gradient: {
                   shadeIntensity: 1,
                   opacityFrom: 0.7,
                   opacityTo: 0.9,
                   stops: [0, 90, 100]
              }
         },
         xaxis: {
              categories: categories
         },
         grid: {
              padding: {
                   left: 5,
                   right: 5
              },
              xaxis: {
                   lines: {
                        show: false
                   }
              },
              yaxis: {
                   lines: {
                        show: false
                   }
              },
         },
    };

var chart = new ApexCharts(element, options);

chart.render();

return chart
}