Posición de UPR en el Ranking mundial QS

EGCTI 2018

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: ['2012','2014','2015','2016','2017','2018','2019','2020','2021','2022'],
            crosshair: true,
            gridLineWidth: 1,            
            labels: {
                style: {
                  color: 'black'
                     }
                    }      
        },
         yAxis: {
            title: {
                text: 'Ranking mundial QS - universidades',
                style: {
                  color: '#7D6608'
                    	 }
            			}, 
            gridLineWidth: 1,            
            labels: {
                style: {
                  color: 'black'
                     	 }
                    },      
            min: 250,           
            reversed: true,
            plotLines: [{
                value: 599,
                width: 1,
                color: 'black',
                dashStyle: 'dash',
                label: {
                    text: '',
                    align: 'left',
                    y: -3,                                      
                    style: {
                        color: '#0174DF'
                    }
                }
            }]
        },
        credits: {
      style: {
         color: 'transparent'
      }
   },
         tooltip:{
            headerFormat: '<span style="color:#7D6608">{series.name}</span>',
            pointFormat:'<span style="color:{point.color}">: <b>{point.valor}</b></span><br/>'+'<span style="color:#7D6608">Instituciones clasificadas: {point.ranked}</span><br/>'            
            },         
    plotOptions: { 
            series: {                
                dataLabels: {                
                    enabled: true,
                    format: '{point.valor}',
           ...