Scribd Logo
Upload

Welcome to Scribd!

  • Colombia

    Uploaded by

    Carlos Javier Guzman Burbano
    1 views3 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    1 views3 pages

    Colombia

    Uploaded by

    Carlos Javier Guzman Burbano

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 3

    <html>

    <head>
    <meta http-equiv=Content-Typecontent=text/html; charset=utf-8>
    <title>COLOMBIA</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: COLOMBIA',
    x: -20 //center
    },
    subtitle:
    {
    text: 'CJGB',
    x: -20
    },
    xAxis:
    {
    categories: ['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'],
    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: 'COLOMBIA',
    data:
    [1,1,3,3,9,9,16,34,45,57,65,102,128,158,210,235,306,378,470,491,539,608,702,798,906
    ,1065,1161,1267,1406,1485,1579,1780,2054,2223,2473,2709,2776,2852,2979,3015,3223,34
    39,3621],

    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