mirror of
https://gitlab.com/signalytic/client-external/streamline/streamline-emr.git
synced 2026-09-11 18:51:31 +00:00
146 lines
2.9 KiB
JavaScript
Executable File
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'
|
|
});
|