Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 3

<html>

<head>
<meta http-equiv=Content-Typecontent=text/html; charset=utf-8>
<title>HUILA</title>

<script type=text/javascript
src=https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js></script>
<style type=text/css>
${demo.css}
</style>
<script type=text/javascript>
$(function ()
{
$('#container').highcharts
(
{
chart:
{
type: 'column'
},
title:
{
text: 'COVID - 19: HUILA',
x: -20 //center
},
subtitle:
{
text: 'CJGB',
x: -20
},
xAxis:
{
categories: ['Mar 18','Mar 19','Mar 20','Mar 21','Mar
22','Mar 23','Mar 24','Mar 25','Mar 26','Mar 27','Mar 28','Mar 29','Mar 30','Mar
31','Abr 01','Abr 02','Abr 03','Abr 04','Abr 05','Abr 06','Abr 07','Abr 08','Abr
09','Abr 10','Abr 11','Abr 12','Abr 13','Abr 14','Abr 15','Abr 16','Abr 17','Abr
18','Abr 19','Abr 20','Abr 21','Abr 22','Abr 23','Abr 24','Abr 25','Abr 26','Abr
27','Abr 28','Abr 29','Abr 30'],
labels:
{
align: 'rigth',
reserveSpace: true,
rotation: 90
},
},
credits:
{
enabled: false
},
yAxis:
{
plotLines:
[
{
value: 0,
width: 1,
color: '#808080'
}
]
},
tooltip:
{
valueSuffix: ' Contagiados'
},
yAxis:
{
maxPadding:0.1,
title:
{
text: 'NÚMERO DE CONTAGIADOS'
},
},
legend:
{
layout: 'horizontal',
align: 'center',
verticalAlign: 'bottom',
borderWidth: 0
},
plotOptions:
{
series:
{
allowPointSelect: true,
marker:
{
enabled: true,
symbol: 'circle',
radius: 1.4
},
animation:
{
duration: 1500,
}
},
column:
{
dataLabels:
{
enabled: true,
inside: true,
y:-30,
x:0,
crop: true,
overflow: 'none',
rotation: -90,
style:
{
color: '#000000',
fontsize: "10px"
}
}
}
},
series:
[
{
type: 'areaspline',
name: 'Huila',
data:
[9,9,9,10,10,11,14,14,14,14,14,16,21,24,30,30,32,34,34,34,34,38,39,41,52,52,55,55,5
5,60,62,78],
marker:
{
lineWidth: 2,
lineColor: Highcharts.getOptions().colors[3],
fillColor: 'white'
}
},
]
}
);
});
</script>
</head>
<body>
<script src=https://code.highcharts.com/highcharts.js></script>
<script src=https://code.highcharts.com/modules/exporting.js></script>

<div id=container style=min-width: 310px; height: 400px; margin: 0 auto></div>

</body>
</html>

You might also like