Ranking Iberoamérica - Scimago

EGCTI 2021

by EGCTI ciencias de la informacion

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

CSS

body { background-color: white; color: #fff; }
#container {
    height: 400px; 
    min-width: 310px;     
    margin: 0 auto;
}

JavaScript

$(function () {
    $('#container').highcharts({
         chart: {
            type: 'spline',
            fontFamily: '\'Unica One\', sans-serif'
        },
        title: {
            text: ''
        },
        xAxis: {
            categories: ['2009','2010','2011','2012','2013','2014','2015','2016','2017','2018','2019','2020','2021'],
            crosshair: true,
            gridLineWidth: 1,            
            labels: {
                style: {
                  color: 'black'
                     }
                    }      
        },
         yAxis: {
            title: {
                text: 'Ranking Iberoamerica Scimago',
                style: {
                  color: 'black'
                    	 }
            			}, 
            gridLineWidth: 1,            
            labels: {
                style: {
                  color: 'transparent'
                     	 }
                    },      
            min: 8,           
            reversed: true,
            plotLines: [{
                value: 37.8,
                width: 1,
                color: '#33ccff',
                dashStyle: 'dash',
                label: {
                    text: null,
                    align: 'left',
                    y: -3,                                      
                    style: {
                        color: '#0431B4'
                    }
                }
            }]
        },
        credits: {
      style: {
         color: 'transparent'
      }
   },
         tooltip:{   
        		headerFormat: '<span style="color:{point.color}">{series.name} en {point.x}:</span><br />',
            pointFormat:'<span style="color:{point.color}">♦ <b>{point.y}</b></span><span style="color:{point.color}"> de {point.valor} universidades de Iberoamérica</span><br/>'+'<span style="color:{point.color}">♦ {point.position} de un total de {point.ranked} inst. Iberoamericanas en SCImago</span>'           
            },
          plotOptions: {
       ...