Create a graphic with morris.js

Please login or create account to add a snippet.

Follow @TagMyCode

Language: Javascript

Posted by: jazdian

Added: Nov 28, 2018 6:59 PM

Modified: Nov 28, 2018 7:03 PM

Tags: graphic javascript jquery morris.js

var $arrColors = ['Blue', 'Gray', 'Red'];
new Morris.Bar({
element: 'graph_tipoincidencia_bar',
data: [{"label":"Arquitectura","value":"4"},{"label":"Desarrollo","value":"2"},{"label":"Soporte Operativo","value":"1"}],
xkey: 'label',
ykeys: ['value'],
labels: ['Value'],
barColors: function (row, series, type) {
return $arrColors[row.x];
},
barOpacity: 0.6
}).on('click', function(i, row){
p.nomTipo.innerHTML = row.label;
p.numTipo.innerHTML = row.value;
});