Files
streamline-emr/docker/_streamline-src/public/elite/js/dashboard1.js
T

146 lines
2.9 KiB
JavaScript
Executable File

// Dashboard 1 Morris-chart
Morris.Area({
element: 'morris-area-chart2',
data: [{
period: '2010',
OPD: 0,
ICU: 0,
}, {
period: '2011',
OPD: 130,
ICU: 100,
}, {
period: '2012',
OPD: 30,
ICU: 60,
}, {
period: '2013',
OPD: 30,
ICU: 200,
}, {
period: '2014',
OPD: 200,
ICU: 150,
}, {
period: '2015',
OPD: 105,
ICU: 90,
},
{
period: '2016',
OPD: 250,
ICU: 150,
}],
xkey: 'period',
ykeys: ['OPD', 'ICU'],
labels: ['OPD $', 'ICU $'],
pointSize: 0,
fillOpacity: 0.4,
pointStrokeColors: ['#b4becb', '#00c292'],
behaveLikeLine: true,
gridLineColor: '#e0e0e0',
lineWidth: 0,
smooth: false,
hideHover: 'auto',
lineColors: ['#b4becb', '#00c292'],
resize: true
});
Morris.Bar({
element: 'morris-area-chart1',
data: [{
period: '2010',
OPD: 40,
ICU: 50,
}, {
period: '2011',
OPD: 130,
ICU: 100,
}, {
period: '2012',
OPD: 30,
ICU: 60,
}, {
period: '2013',
OPD: 30,
ICU: 200,
}, {
period: '2014',
OPD: 200,
ICU: 150,
}, {
period: '2015',
OPD: 105,
ICU: 90,
},
{
period: '2016',
OPD: 250,
ICU: 150,
}],
xkey: 'period',
ykeys: ['OPD', 'ICU'],
labels: ['OPD', 'ICU'],
pointSize: 0,
pointStrokeColors: ['#469fb4', '#01c0c8'],
barColors: ['#469fb4', '#01c0c8'],
behaveLikeLine: true,
gridLineColor: '#e0e0e0',
lineWidth: 0,
smooth: false,
hideHover: 'auto',
lineColors: ['#469fb4', '#01c0c8'],
resize: true
});
$("#sparkline8").sparkline([2, 4, 4, 6, 8, 5, 6, 4, 8, 6, 6, 2], {
type: 'line',
width: '100%',
height: '130',
lineColor: '#00c292',
fillColor: 'rgba(0, 194, 146, 0.2)',
maxSpotColor: '#00c292',
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
highlightSpotColor: '#00c292'
});
$("#sparkline9").sparkline([2, 4, 8, 6, 8, 5, 6, 4, 8, 6, 6, 2], {
type: 'line',
width: '100%',
height: '130',
lineColor: '#03a9f3',
fillColor: 'rgba(3, 169, 243, 0.2)',
minSpotColor: '#03a9f3',
maxSpotColor: '#03a9f3',
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
highlightSpotColor: '#03a9f3'
});
$("#sparkline10").sparkline([2, 4, 4, 6, 8, 5, 6, 4, 8, 6, 6, 2], {
type: 'line',
width: '100%',
height: '130',
lineColor: '#fb9678',
fillColor: 'rgba(251, 150, 120, 0.2)',
maxSpotColor: '#fb9678',
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
highlightSpotColor: '#fb9678'
});