Scribd Logo
Upload

Welcome to Scribd!

  • Brasil

    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

    Brasil

    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>BRASIL</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: BRASIL',
    x: -20 //center
    },
    subtitle:
    {
    text: 'CJGB',
    x: -20
    },
    xAxis:
    {
    categories: ['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'],
    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: 'BRASIL',
    data:
    [1,1,1,1,2,2,2,2,3,8,13,13,25,25,34,52,77,98,121,200,234,291,428,621,904,1128,1546,
    1891,2201,2433,2915,3417,3904,4256,4579,5717,6836,7910,9056,10278,11130,13717,16195
    ,18176,19638,20962,22169,23430,25262,28320,30425,33682,36599],
    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