definicao de layout
This commit is contained in:
385
public/assets/js/chart/morris-chart/morris-script.js
Normal file
385
public/assets/js/chart/morris-chart/morris-script.js
Normal file
@@ -0,0 +1,385 @@
|
||||
"use strict";
|
||||
var morris_chart = {
|
||||
init: function() {
|
||||
Morris.Area({
|
||||
element: 'graph123',
|
||||
behaveLikeLine: true,
|
||||
data: [{
|
||||
x: '2011 Q1',
|
||||
y: 3,
|
||||
z: 3
|
||||
},
|
||||
{
|
||||
x: '2011 Q2',
|
||||
y: 2,
|
||||
z: 1
|
||||
},
|
||||
{
|
||||
x: '2011 Q3',
|
||||
y: 2,
|
||||
z: 4
|
||||
},
|
||||
{
|
||||
x: '2011 Q4',
|
||||
y: 3,
|
||||
z: 3
|
||||
}
|
||||
],
|
||||
xkey: 'x',
|
||||
ykeys: ['y', 'z'],
|
||||
labels: ['Y', 'Z'],
|
||||
lineColors: [vihoAdminConfig.secondary, vihoAdminConfig.primary],
|
||||
}), Morris.Line({
|
||||
element: "morris-line-chart",
|
||||
data: [{
|
||||
y: "2011",
|
||||
a: 100,
|
||||
b: 90
|
||||
},
|
||||
{
|
||||
y: "2012",
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: "2013",
|
||||
a: 50,
|
||||
b: 40
|
||||
},
|
||||
{
|
||||
y: "2014",
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: "2015",
|
||||
a: 50,
|
||||
b: 40
|
||||
},
|
||||
{
|
||||
y: "2016",
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: "2017",
|
||||
a: 100,
|
||||
b: 90
|
||||
}],
|
||||
xkey: "y",
|
||||
ykeys: ["a", "b"],
|
||||
lineColors: [vihoAdminConfig.primary, vihoAdminConfig.secondary],
|
||||
labels: ["Series A", "Series B"]
|
||||
}), Morris.Bar({
|
||||
element: "morris-simple-bar-chart",
|
||||
data: [{
|
||||
x: "2011 Q1",
|
||||
y: 3,
|
||||
z: 2,
|
||||
a: 3
|
||||
},
|
||||
{
|
||||
x: "2011 Q2",
|
||||
y: 2,
|
||||
z: 3,
|
||||
a: 1
|
||||
},
|
||||
{
|
||||
x: "2011 Q3",
|
||||
y: 5,
|
||||
z: 2,
|
||||
a: 4
|
||||
},
|
||||
{
|
||||
x: "2011 Q4",
|
||||
y: 2,
|
||||
z: 4,
|
||||
a: 3
|
||||
}],
|
||||
xkey: "x",
|
||||
ykeys: ["y", "z", "a"],
|
||||
barColors: [vihoAdminConfig.primary, vihoAdminConfig.secondary ,"#222222"],
|
||||
labels: ["Y", "Z", "A"]
|
||||
}), Morris.Bar({
|
||||
element: "bar-line-chart-morris",
|
||||
data: [{
|
||||
x: "2011 Q1",
|
||||
y: 0
|
||||
},
|
||||
{
|
||||
x: "2011 Q2",
|
||||
y: 1
|
||||
},
|
||||
{
|
||||
x: "2011 Q3",
|
||||
y: 2
|
||||
},
|
||||
{
|
||||
x: "2011 Q4",
|
||||
y: 3
|
||||
},
|
||||
{
|
||||
x: "2012 Q1",
|
||||
y: 4
|
||||
},
|
||||
{
|
||||
x: "2012 Q2",
|
||||
y: 5
|
||||
},
|
||||
{
|
||||
x: "2012 Q3",
|
||||
y: 6
|
||||
},
|
||||
{
|
||||
x: "2012 Q4",
|
||||
y: 7
|
||||
},
|
||||
{
|
||||
x: "2013 Q1",
|
||||
y: 8
|
||||
}],
|
||||
xkey: "x",
|
||||
ykeys: ["y"],
|
||||
labels: ["Y"],
|
||||
barColors: [vihoAdminConfig.primary]
|
||||
}), $(function() {
|
||||
var b = [{
|
||||
period: "2012-10-01",
|
||||
licensed: 5000,
|
||||
sorned: 4750
|
||||
},
|
||||
{
|
||||
period: "2012-09-30",
|
||||
licensed: 4500,
|
||||
sorned: 4250
|
||||
},
|
||||
{
|
||||
period: "2012-09-29",
|
||||
licensed: 4000,
|
||||
sorned: 3750
|
||||
},
|
||||
{
|
||||
period: "2012-09-20",
|
||||
licensed: 3500,
|
||||
sorned: 3250
|
||||
},
|
||||
{
|
||||
period: "2012-09-19",
|
||||
licensed: 3000,
|
||||
sorned: 2750
|
||||
},
|
||||
{
|
||||
period: "2012-09-18",
|
||||
licensed: 2500,
|
||||
sorned: 2250
|
||||
}
|
||||
];
|
||||
Morris.Bar({
|
||||
element: 'x-lable-morris-chart',
|
||||
data: b,
|
||||
barColors: [vihoAdminConfig.primary, vihoAdminConfig.secondary],
|
||||
xkey: "period",
|
||||
ykeys: ["licensed", "sorned"],
|
||||
labels: ["Licensed", "SORN"],
|
||||
xLabelAngle: 60
|
||||
})
|
||||
}), $(function() {
|
||||
for (var c = [], d = 0; d <= 360; d += 10) c.push({
|
||||
x: d,
|
||||
y: 1.5 + 1.5 * Math.sin(Math.PI * d / 180).toFixed(4)
|
||||
});
|
||||
window.m = Morris.Line({
|
||||
element: 'decimal-morris-chart',
|
||||
data: c,
|
||||
xkey: "x",
|
||||
ykeys: ["y"],
|
||||
labels: ["sin(x)"],
|
||||
parseTime: !1,
|
||||
lineColors: [vihoAdminConfig.primary],
|
||||
hoverCallback: function(a, b, c, d) {
|
||||
return c.replace("sin(x)", "1.5 + 1.5 sin(" + d.x + ")")
|
||||
},
|
||||
xLabelMargin: 10,
|
||||
integerYLabels: !0
|
||||
})
|
||||
}), $(function() {
|
||||
var b = [{
|
||||
period: "2012-10-30",
|
||||
licensed: 2000,
|
||||
sorned: 2000
|
||||
},
|
||||
{
|
||||
period: "2012-09-30",
|
||||
licensed: 3000,
|
||||
sorned: 1000
|
||||
},
|
||||
{
|
||||
period: "2012-09-29",
|
||||
licensed: 2000,
|
||||
sorned: 2000
|
||||
},
|
||||
{
|
||||
period: "2012-09-20",
|
||||
licensed: 4000,
|
||||
sorned: 0
|
||||
},
|
||||
{
|
||||
period: "2012-09-19",
|
||||
licensed: 3000,
|
||||
sorned: 1000
|
||||
},
|
||||
{
|
||||
period: "2012-09-18",
|
||||
licensed: 4000,
|
||||
sorned: 0
|
||||
},
|
||||
{
|
||||
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
|
||||
}];
|
||||
Morris.Line({
|
||||
element: 'x-Labels-Diagonally-morris-chart',
|
||||
data: b,
|
||||
xkey: "period",
|
||||
lineColors: [vihoAdminConfig.primary, vihoAdminConfig.secondary],
|
||||
ykeys: ["licensed", "sorned"],
|
||||
labels: ["Licensed", "SORN"],
|
||||
xLabelAngle: 60
|
||||
})
|
||||
}), $(function() {
|
||||
Morris.Donut({
|
||||
element: 'donut-color-chart-morris',
|
||||
data: [{
|
||||
value: 70,
|
||||
label: "foo"
|
||||
},
|
||||
{
|
||||
value: 15,
|
||||
label: "bar"
|
||||
},
|
||||
{
|
||||
value: 10,
|
||||
label: "baz"
|
||||
},
|
||||
{
|
||||
value: 5,
|
||||
label: "A really really long label"
|
||||
}],
|
||||
backgroundColor: "rgba(36, 105, 92, 0.5)",
|
||||
labelColor: vihoAdminConfig.primary,
|
||||
colors: ["rgba(36, 105, 92, 1)", "rgba(186, 137, 93, 1)" ,"rgba(9,9, 9, 1)" ,"rgba(113, 113, 113, 1)" ,"rgba(230, 237, 239, 1)", "rgba(210, 45, 61, 1)" ,"rgba(36, 105, 92, 1)"],
|
||||
formatter: function(a) {
|
||||
return a + "%"
|
||||
}
|
||||
});
|
||||
}),
|
||||
$(function() {
|
||||
var e = 0,
|
||||
f = function(a) {
|
||||
for (var b = [], c = 0; c <= 360; c += 10) {
|
||||
var d = (a + c) % 360;
|
||||
b.push({
|
||||
x: c,
|
||||
y: Math.sin(Math.PI * d / 180).toFixed(4),
|
||||
z: Math.cos(Math.PI * d / 180).toFixed(4)
|
||||
})
|
||||
}
|
||||
return b
|
||||
},
|
||||
g = Morris.Line({
|
||||
element:'updating-data-morris-chart',
|
||||
data: f(0),
|
||||
xkey: "x",
|
||||
ykeys: ["y", "z"],
|
||||
labels: ["sin()", "cos()"],
|
||||
parseTime: !1,
|
||||
ymin: -1,
|
||||
ymax: 1,
|
||||
hideHover: !0,
|
||||
lineColors: [vihoAdminConfig.primary, vihoAdminConfig.secondary],
|
||||
}),
|
||||
h = function() {
|
||||
e++, g.setData(f(5 * e)), $(".reloadStatus").text(e + " reloads")
|
||||
};
|
||||
setInterval(h, 100)
|
||||
}), $(function() {
|
||||
Morris.Bar({
|
||||
element: 'stacked-bar-chart',
|
||||
data: [{
|
||||
x: "2011 Q1",
|
||||
a: 3,
|
||||
y: 3,
|
||||
z: 2
|
||||
},
|
||||
{
|
||||
x: "2011 Q2",
|
||||
a: 1,
|
||||
y: 2,
|
||||
z: null
|
||||
},
|
||||
{
|
||||
x: "2011 Q3",
|
||||
a: 4,
|
||||
y: 0,
|
||||
z: 2
|
||||
},
|
||||
{
|
||||
x: "2011 Q4",
|
||||
a: 1,
|
||||
y: 2,
|
||||
z: null
|
||||
},
|
||||
{
|
||||
x: "2011 Q5",
|
||||
a: 4,
|
||||
y: 0,
|
||||
z: 2
|
||||
},
|
||||
{
|
||||
x: "2011 Q6",
|
||||
a: 3,
|
||||
y: 3,
|
||||
z: 2
|
||||
|
||||
},
|
||||
{
|
||||
x: "2011 Q4",
|
||||
a: 4,
|
||||
y: 0,
|
||||
z: 2
|
||||
},
|
||||
{
|
||||
x: "2011 Q7",
|
||||
a: 3,
|
||||
y: 3,
|
||||
z: 2
|
||||
}],
|
||||
xkey: "x",
|
||||
ykeys: ["y", "z", "a"],
|
||||
labels: ["A", "Y", "Z"],
|
||||
barColors: [vihoAdminConfig.primary, vihoAdminConfig.secondary ,"#222222" ,"#717171" ,"#e2c636", "#d22d3d" ,"#e6edef"],
|
||||
stacked: !0
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
(function($) {
|
||||
"use strict";
|
||||
morris_chart.init()
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user