first commit
This commit is contained in:
maher
188
public/assets/js/chart.morris.js
Executable file
188
public/assets/js/chart.morris.js
Executable file
@@ -0,0 +1,188 @@
|
||||
$(function(){
|
||||
'use strict';
|
||||
|
||||
var morrisData = [
|
||||
{ y: '2006', a: 100, b: 90 },
|
||||
{ y: '2007', a: 75, b: 65 },
|
||||
{ y: '2008', a: 50, b: 40 },
|
||||
{ y: '2009', a: 75, b: 65 },
|
||||
{ y: '2010', a: 50, b: 40 },
|
||||
{ y: '2011', a: 80, b: 90 },
|
||||
{ y: '2012', a: 75, b: 65 },
|
||||
{ y: '2013', a: 50, b: 70 }
|
||||
];
|
||||
|
||||
var morrisData2 = [
|
||||
{ y: '2006', a: 100, b: 90, c: 80 },
|
||||
{ y: '2007', a: 75, b: 65, c: 75 },
|
||||
{ y: '2008', a: 50, b: 40, c: 45 },
|
||||
{ y: '2009', a: 75, b: 65, c: 85 },
|
||||
{ y: '2010', a: 100, b: 90, c: 80 },
|
||||
{ y: '2011', a: 75, b: 65, c: 75 },
|
||||
{ y: '2012', a: 50, b: 40, c: 45 },
|
||||
{ y: '2013', a: 75, b: 65, c: 85 }
|
||||
];
|
||||
|
||||
new Morris.Bar({
|
||||
element: 'morrisBar1',
|
||||
data: morrisData,
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b'],
|
||||
labels: ['Series A', 'Series B'],
|
||||
barColors: ['#560bd0', '#007bff'],
|
||||
gridTextSize: 11,
|
||||
hideHover: 'auto',
|
||||
resize: true
|
||||
});
|
||||
|
||||
new Morris.Bar({
|
||||
element: 'morrisBar2',
|
||||
data: morrisData2,
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b', 'c'],
|
||||
labels: ['Series A', 'Series B', 'Series C'],
|
||||
barColors: ['#560bd0', '#007bff','#00cccc'],
|
||||
gridTextSize: 11,
|
||||
hideHover: 'auto',
|
||||
resize: true
|
||||
});
|
||||
|
||||
new Morris.Bar({
|
||||
element: 'morrisBar3',
|
||||
data: morrisData,
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b'],
|
||||
labels: ['Series A', 'Series B'],
|
||||
barColors: ['#560bd0', '#007bff'],
|
||||
stacked: true,
|
||||
gridTextSize: 11,
|
||||
hideHover: 'auto',
|
||||
resize: true
|
||||
});
|
||||
|
||||
new Morris.Bar({
|
||||
element: 'morrisBar4',
|
||||
data: morrisData2,
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b', 'c'],
|
||||
labels: ['Series A', 'Series B', 'Series C'],
|
||||
barColors: ['#560bd0', '#007bff','#00cccc'],
|
||||
stacked: true,
|
||||
gridTextSize: 11,
|
||||
hideHover: 'auto',
|
||||
resize: true
|
||||
});
|
||||
|
||||
|
||||
new Morris.Line({
|
||||
element: 'morrisLine1',
|
||||
data: [
|
||||
{ y: '2006', a: 20, b: 10 },
|
||||
{ y: '2007', a: 30, b: 15 },
|
||||
{ y: '2008', a: 60, b: 40 },
|
||||
{ y: '2009', a: 40, b: 25 },
|
||||
{ y: '2010', a: 30, b: 15 },
|
||||
{ y: '2011', a: 45, b: 20 },
|
||||
{ y: '2012', a: 60, b: 40 }
|
||||
],
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b'],
|
||||
labels: ['Series A', 'Series B'],
|
||||
lineColors: ['#560bd0', '#007bff'],
|
||||
lineWidth: 1,
|
||||
ymax: 'auto 100',
|
||||
gridTextSize: 11,
|
||||
hideHover: 'auto',
|
||||
resize: true
|
||||
});
|
||||
|
||||
new Morris.Line({
|
||||
element: 'morrisLine2',
|
||||
data: [
|
||||
{ y: '2006', a: 20, b: 10, c: 40 },
|
||||
{ y: '2007', a: 30, b: 15, c: 45 },
|
||||
{ y: '2008', a: 50, b: 40, c: 65 },
|
||||
{ y: '2009', a: 40, b: 25, c: 55 },
|
||||
{ y: '2010', a: 30, b: 15, c: 45 },
|
||||
{ y: '2011', a: 45, b: 20, c: 65 },
|
||||
{ y: '2012', a: 60, b: 40, c: 70 }
|
||||
],
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b', 'c'],
|
||||
labels: ['Series A', 'Series B', 'Series C'],
|
||||
lineColors: ['#560bd0', '#007bff','#00cccc'],
|
||||
lineWidth: 1,
|
||||
ymax: 'auto 100',
|
||||
gridTextSize: 11,
|
||||
hideHover: 'auto',
|
||||
resize: true
|
||||
});
|
||||
|
||||
new Morris.Area({
|
||||
element: 'morrisArea1',
|
||||
data: [
|
||||
{ y: '2006', a: 50, b: 40 },
|
||||
{ y: '2007', a: 25, b: 15 },
|
||||
{ y: '2008', a: 20, b: 40 },
|
||||
{ y: '2009', a: 75, b: 65 },
|
||||
{ y: '2010', a: 50, b: 40 },
|
||||
{ y: '2011', a: 75, b: 65 },
|
||||
{ y: '2012', a: 100, b: 90 }
|
||||
],
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b'],
|
||||
labels: ['Series A', 'Series B'],
|
||||
lineColors: ['#560bd0', '#007bff'],
|
||||
lineWidth: 1,
|
||||
fillOpacity: 0.9,
|
||||
gridTextSize: 11,
|
||||
hideHover: 'auto',
|
||||
resize: true
|
||||
});
|
||||
|
||||
new Morris.Area({
|
||||
element: 'morrisArea2',
|
||||
data: [
|
||||
{ y: '2006', a: 20, b: 10, c: 40 },
|
||||
{ y: '2007', a: 30, b: 15, c: 45 },
|
||||
{ y: '2008', a: 50, b: 40, c: 65 },
|
||||
{ y: '2009', a: 40, b: 25, c: 55 },
|
||||
{ y: '2010', a: 30, b: 15, c: 45 },
|
||||
{ y: '2011', a: 45, b: 20, c: 65 },
|
||||
{ y: '2012', a: 60, b: 40, c: 70 }
|
||||
],
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b', 'c'],
|
||||
labels: ['Series A', 'Series B', 'Series C'],
|
||||
lineColors: ['#560bd0', '#007bff','#00cccc'],
|
||||
lineWidth: 1,
|
||||
fillOpacity: 0.9,
|
||||
gridTextSize: 11,
|
||||
hideHover: 'auto',
|
||||
resize: true
|
||||
});
|
||||
|
||||
new Morris.Donut({
|
||||
element: 'morrisDonut1',
|
||||
data: [
|
||||
{label: 'Men', value: 12},
|
||||
{label: 'Women', value: 30},
|
||||
{label: 'Kids', value: 20}
|
||||
],
|
||||
colors: ['#560bd0', '#007bff','#00cccc'],
|
||||
resize: true
|
||||
});
|
||||
|
||||
new Morris.Donut({
|
||||
element: 'morrisDonut2',
|
||||
data: [
|
||||
{label: 'Men', value: 12},
|
||||
{label: 'Women', value: 30},
|
||||
{label: 'Kids', value: 20},
|
||||
{label: 'Infant', value: 25}
|
||||
],
|
||||
colors: ['#560bd0', '#007bff','#00cccc','#74DE00'],
|
||||
resize: true,
|
||||
});
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user