Valle

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>DEPARTAMENTO DEL VALLE DEL CAUCA</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',
x: -20 //center
},
subtitle:
{
text: 'CJGB',
x: -20
},
xAxis:
{
categories: ['Marzo 18','Marzo 19','Marzo 20','Marzo
21','Marzo 22','Marzo 23','Marzo 24','Marzo 25','Marzo 26','Marzo 27','Marzo
28','Marzo 29','Marzo 30','Marzo 31','Abril 01','Abril 02','Abril 03','Abril
04','Abril 05','Abril 06','Abril 07','Abril 08','Abril 09','Abril 10','Abril
11','Abril 12','Abril 13']
},
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: 'top',
borderWidth: 0
},
plotOptions:
{
series:
{
allowPointSelect: true,
marker:
{
enabled: true,
symbol: 'circle',
radius: 2.4
},
animation:
{
duration: 8500,
}
},
column:
{
dataLabels:
{
enabled: true,
inside: true,
y:-30,
x:0,
crop: true,
overflow: 'none',
rotation: -90,
style:
{
color: '#000000',
fontsize: "10px"
}
}
}
},
series:
[
{
type: 'spline',
name: 'DEPARTAMENTO DE VALLE DEL CAUCA',
data:
[16,16,15,26,31,37,66,71,73,73,83,91,104,116,148,150,165,179],
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