Espana

You might also like

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>ESPAÑA</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: ESPAÑA',
x: -20 //center
},
subtitle:
{
text: 'CJGB',
x: -20
},
xAxis:
{
categories: ['Feb 10','Feb 11','Feb 12','Feb 13','Feb
14','Feb 15','Feb 16','Feb 17','Feb 18','Feb 19','Feb 20','Feb 21','Feb 22','Feb
23','Feb 24','Feb 25','Feb 26','Feb 27','Feb 28','Feb 29','Mar 01','Mar 02','Mar
03','Mar 04','Mar 05','Mar 06','Mar 07','Mar 08','Mar 09','Mar 10','Mar 11','Mar
12','Mar 13','Mar 14','Mar 15','Mar 16','Mar 17','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','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.2
},
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: 'ESPAÑA',
data:
[1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,6,11,24,33,65,82,113,150,199,260,373,429,588,1203,16
38,2139,3003,4230,5752,7752,9190,11177,13715,17146,19979,24925,28571,33088,39672,47
609,56187,64058,72247,78796,85194,94416,102135,110237,117709,124735,130758,135032,1
41942,148220,153222,158273,163027,166831,170099,174060,180659,184945,190859,194416]
,
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