Description: placeholder
508 Guidelines: placeholder
TIP: placeholder
| Date | Inpatient Admissions | Outpatient Admissions |
|---|---|---|
| January 2015 | 1 | 1 |
| February 2015 | 0 | 0 |
| March 2015 | 5 | 2 |
| April 2015 | 0 | 0 |
| May 2015 | 0 | 5 |
| June 2015 | 3 | 2 |
| July 2015 | 2 | 1 |
| August 2015 | 6 | 0 |
| September 2015 | 2 | 1 |
| October 2015 | 0 | 3 |
| November 2015 | 1 | 2 |
| December 2015 | 0 | 1 |
<div class="dateRangeWrapper"> <button type="button" class="pull-left globalDatePickerButton btn btn-primary" id="date-region-minimized" aria-label="Minimized global date range" data-toggle="tooltip" data-placement="auto top" data-original-title="Date interval" data-container="body"> <span role="button" type="button" id="navigation-dateButton"> <i class="fa fa-calendar color-primary"></i> 10/29/2013 - 10/29/2015 </span> </button> <div id="dateRangeCollapsed" class="pull-left" aria-hidden="true" role="presentation"></div> <div class="sr-only"> <table> <caption>This table contains patient admissions and interventions arranged by date</caption> <thead> <tr> <th scope="column">Date</th><th scope="column">Inpatient Admissions</th><th scope="column">Outpatient Admissions</th> </tr> </thead> <tbody> <tr><td>January 2015</td><td>1</td><td>1</td></tr> <tr><td>February 2015</td><td>0</td><td>0</td></tr> <tr><td>March 2015</td><td>5</td><td>2</td></tr> <tr><td>April 2015</td><td>0</td><td>0</td></tr> <tr><td>May 2015</td><td>0</td><td>5</td></tr> <tr><td>June 2015</td><td>3</td><td>2</td></tr> <tr><td>July 2015</td><td>2</td><td>1</td></tr> <tr><td>August 2015</td><td>6</td><td>0</td></tr> <tr><td>September 2015</td><td>2</td><td>1</td></tr> <tr><td>October 2015</td><td>0</td><td>3</td></tr> <tr><td>November 2015</td><td>1</td><td>2</td></tr> <tr><td>December 2015</td><td>0</td><td>1</td></tr> </tbody> </table> </div> <div class="clear"></div> </div>
$(function () {
$('#dateRangeCollapsed').highcharts({
chart: {
type: 'column',
spacingBottom: 0,
spacingTop: 0,
spacingLeft: 0,
spacingRight: 0,
marginBottom: 0,
marginTop: 0,
marginLeft: 0,
marginRight: 0
},
title: {
text: ''
},
xAxis: {
lineWidth: 0,
gridLineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent',
minorTickLength: 0,
tickLength: 0,
categories: [
'1/2015',
'2/2015',
'3/2015',
'4/2015',
'5/2015',
'6/2015',
'7/2015',
'8/2015',
'9/2015',
'10/2015',
'11/2015',
'12/2015'
],
labels:{
enabled:false
},
plotLines: [{
color: '#FF0000',
width: 2,
value: 11,
zIndex:1000
}]
},
yAxis: {
allowDecimals: false,
min: 0,
gridLineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent',
title: {
text: ''
},
labels:{
enabled:false
}
},
tooltip: {
formatter: function () {
return '<b>' + this.x + '</b><br/>' +
this.series.name + ': ' + this.y + '<br/>';
},
backgroundColor: '#ffffff'
},
plotOptions: {
column: {
stacking: 'normal',
borderWidth: 2
}
},
series: [{
showInLegend:false,
color:'blue',
name: 'Inpatient',
data: [1,0,5,0,0,3,2,6,2,0,1,0],
stack: 'admissions'
}, {
color:'#000',
showInLegend:false,
name: 'Outpatient',
data: [1,0,2,0,5,2,1,0,1,3,2,1],
stack: 'admissions'
}],
credits: {
enabled: false
}
});
});
| Date | Category |
|---|---|
| January 2015 | 1 |
| February 2015 | 0 |
| March 2015 | 5 |
| April 2015 | 0 |
| May 2015 | 0 |
| June 2015 | 3 |
| July 2015 | 2 |
| August 2015 | 6 |
| September 2015 | 2 |
| October 2015 | 0 |
| November 2015 | 1 |
| December 2015 | 0 |
<div class="occurranceWrapper"> <div id="occurrance" aria-hidden="true" role="presentation"></div> <div class="sr-only"> <table> <caption>This table contains ocurrance data for specific category</caption> <thead> <tr> <th scope="column">Date</th><th scope="column">Category</th> </tr> </thead> <tbody> <tr><td>January 2015</td><td>1</td></tr> <tr><td>February 2015</td><td>0</td></tr> <tr><td>March 2015</td><td>5</td></tr> <tr><td>April 2015</td><td>0</td></tr> <tr><td>May 2015</td><td>0</td></tr> <tr><td>June 2015</td><td>3</td></tr> <tr><td>July 2015</td><td>2</td></tr> <tr><td>August 2015</td><td>6</td></tr> <tr><td>September 2015</td><td>2</td></tr> <tr><td>October 2015</td><td>0</td></tr> <tr><td>November 2015</td><td>1</td></tr> <tr><td>December 2015</td><td>0</td></tr> </tbody> </table> </div> </div>
$(function () {
$('#occurrance').highcharts({
chart: {
type: 'column',
spacingBottom: 0,
spacingTop: 0,
spacingLeft: 0,
spacingRight: 0,
marginBottom: 0,
marginTop: 0,
marginLeft: 0,
marginRight: 0
},
title: {
text: ''
},
xAxis: {
lineWidth: 0,
gridLineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent',
minorTickLength: 0,
tickLength: 0,
categories: [
'1/2015',
'2/2015',
'3/2015',
'4/2015',
'5/2015',
'6/2015',
'7/2015',
'8/2015',
'9/2015',
'10/2015',
'11/2015',
'12/2015'
],
labels:{
enabled:false
},
plotLines: [{
color: '#FF0000',
width: 2,
value: 11,
zIndex:1000
}]
},
yAxis: {
allowDecimals: false,
min: 0,
gridLineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent',
title: {
text: ''
},
labels:{
enabled:false
}
},
tooltip: {
enabled:false
},
series: [{
showInLegend:false,
color:'blue',
name: 'Category',
data: [1,0,5,0,0,3,2,6,2,0,1,0]
}],
credits: {
enabled: false
}
});
});