$(function(e){
'use strict';
new Morris.Area({
element: 'morrisBar1',
data: [
{x: '2013-03-30 22:00:00', y: 0, z: 6},
{x: '2013-03-31 00:00:00', y: 3, z: 0},
{x: '2013-03-31 02:00:00', y: 3, z: 6},
{x: '2013-03-31 04:00:00', y: 2, z: 4}
],
xkey: 'x',
ykeys: ['y', 'z'],
labels: ['Series A', 'Series B'],
lineColors: ['#6963ff', '#ff2b88'],
lineWidth: 1,
fillOpacity: 0.5,
gridTextSize: 11,
hideHover: 'auto',
resize: true
});
});
/*---- morrisBar2----*/
$(function(e){
'use strict';
new Morris.Area({
element: 'morrisBar2',
data: [
{x: '2010 Q4', y: 3, z: 7},
{x: '2011 Q1', y: 3, z: 4},
{x: '2011 Q2', y: null, z: 1},
{x: '2011 Q3', y: 2, z: 5},
{x: '2011 Q4', y: 8, z: 2},
{x: '2012 Q1', y: 4, z: 4}
],
xkey: 'x',
ykeys: ['y', 'z'],
lineColors: ['#ff2b88','#6963ff'],
labels: ['Y', 'Z']
}).on('click', function(i, row){
console.log(i, row);
});
/*---- morrisBar3----*/
new Morris.Area({
element: 'morrisBar3',
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'],
lineColors: ['#ff2b88','#6963ff'],
labels: ['Y', 'Z']
});
/*---- morrisBar4----*/
new Morris.Bar({
element: 'morrisBar4',
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: function (row, series, type) {
if (type === 'bar') {
var red = Math.ceil(0 * row.y / this.ymax);
return 'rgb( 105, 99, 255 )';
}
else {
return '#000';
}
}
});
var day_data = [
{"period": "Jan", "licensed": 3407, "sorned": 660},
{"period": "Feb", "licensed": 3351, "sorned": 629},
{"period": "Mar", "licensed": 3269, "sorned": 618},
{"period": "Apr", "licensed": 3246, "sorned": 661},
{"period": "May", "licensed": 3257, "sorned": 667},
{"period": "June", "licensed": 3248, "sorned": 627},
{"period": "July", "licensed": 3171, "sorned": 660},
{"period": "Aug", "licensed": 3171, "sorned": 676},
{"period": "Sept", "licensed": 3201, "sorned": 656},
{"period": "Oct", "licensed": 3215, "sorned": 622}
];
/*---- morrisBar5----*/
new Morris.Bar({
element: 'morrisBar5',
data: day_data,
xkey: 'period',
ykeys: ['licensed', 'sorned'],
labels: ['Licensed', 'SORN'],
Colors: ['#6963ff', '#ff2b88'],
xLabelAngle: 0
});
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'],
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']
});
/*---- morrisBar8----*/
new Morris.Donut({
element: 'morrisBar8',
data: [
{value: 50, label: 'data1'},
{value: 35, label: 'data2'},
{value: 10, label: 'data3'}
],
colors: [
'#6963ff', '#ff2b88', '#21cb95'
],
formatter: function (x) { return x + "%"}
}).on('click', function(i, row){
console.log(i, row);
});
/*---- morrisBar9----*/
new Morris.Donut({
element: 'morrisBar9',
data: [
{value: 35, label: 'data1'},
{value: 25, label: 'data2'},
{value: 15, label: 'data3'},
{value: 15, label: 'data4'},
{value: 10, label: 'data5'},
{value: 10, label: 'data6'}
],
backgroundColor: '#fff',
labelColor: '#060',
colors: [
'#6963ff', '#ff2b88', '#5e5baa', '#21cb95', '#f44336', '#00bcd4', '#f1c40f'
],
formatter: function (x) { return x + "%"}
});
});