Current Directory: /home/aissorg/public_html/admin/assets/plugins/flot
Viewing File: /home/aissorg/public_html/admin/assets/plugins/flot/chart-data.js
$(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>';
}
});