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
});
});