JSFiddle - React, Tailwind, and code Playground

by Krn Prz

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 500px; max-width: 600px; margin: 0 auto"></div>

CSS

.myImage {
    width: 30px;
    height: 30px;
       }
.myImage1 {
    width: 35px;
    height: 20px;
   }

JavaScript

$(function () {

      // Build the chart
    $('#container').highcharts({
        chart: {
           
            plotShadow: false,
            type: 'pie',
              
        },
        title: {
           text: 'ELECCIÓN DE JEFE DELEGACIONAL'
        },
         subtitle: {
            text: 'TENDENCIAS EN GUSTAVO A. MADERO<br/>Según Fuerza Política</a>'
        },
             plotOptions: {
            pie: {
                            
                    dataLabels: {
                    enabled:true,
                    useHTML: true,
                    formatter: function () {
                          var img = {
                            'PAN': '<img class="myImage" src="http://intra.iedf.org.mx/deoyge/resultados2015/LogosPartidos/pan.png"/>',
                            'MC': '<img class="myImage" src="http://intra.iedf.org.mx/deoyge/resultados2015/LogosPartidos/mc.png"/>',
                            'NA': '<img class="myImage" src="http://intra.iedf.org.mx/deoyge/resultados2015/LogosPartidos/na.png"/>',
                            'MORENA': '<img class="myImage" src="http://intra.iedf.org.mx/deoyge/resultados2015/LogosPartidos/morena.png"/>',
                            'PH': '<img class="myImage" src="http://intra.iedf.org.mx/deoyge/resultados2015/LogosPartidos/ph.png"/>',
                            'PES': '<img class="myImage" src="http://intra.iedf.org.mx/deoyge/resultados2015/LogosPartidos/pes.png"/>',
                            'CI1': '<img class="myImage" src="http://intra.iedf.org.mx/deoyge/resultados2015/LogosPartidos/ci1_5.png"/>',
                         'PRI-PVEM': '<img class="myImage1" src="http://intra.iedf.org.mx/deoyge/resultados2015/LogosPartidos/pri-pvem.png"/>',
                            'PRD-PT': '<img class="myImage1" src="http://intra.iedf.org.mx/deoyge/resultados2015/LogosPartidos/prd-pt.png"/>',
                            'CNR': '<img class="myImage"...