JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.7.2/dist/Chart.bundle.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-deferred" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-subtitle" defer></script>
<link href="https://fonts.googleapis.com/css?family=:400,700" rel="stylesheet">
<div class="chart-container" style="position: relative; height:500; width:100%">
  <canvas id="tarta_importaciones" width="360" height="400"></canvas>
</div>
<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    var ctx = document.getElementById("tarta_importaciones").getContext("2d");
    Chart.defaults.global.defaultFontFamily = "'Work Sans',sans-serif";
    Chart.defaults.global.defaultFontSize = 12;
    var tarta_importaciones = new Chart(ctx, {
        type: 'pie',
        data: {
          datasets: [{
            data: [
              38419656.84,
              35135602.58,
              26113799.72,
              15272345.29,
              14640060.51,
              11958419.06,
              12145151.35

            ],
            backgroundColor: [
              'rgba(196, 216, 163, 0.85)',
              'rgba(86, 74, 87, 0.85)',
              'rgba(139, 180, 144, 0.85)',
              'rgba(244, 240, 177, 0.85)',
              'rgba(238, 219, 158, 0.85)',
              'rgba(208, 207, 158, 0.85)',
              'rgba(217, 153, 46, 0.85)'
            ],
            label: 'Países'
          }],
          labels: [
            'Colombia',
            'Indonesia',
            'Rusia',
            'Sudáfrica',
            'EEUU',
            'Australia',
            'Otros'
          ]
        },
        options: {
          circumference: 2 * Math.PI,
          rotation: -0.5 * Math.PI,
          tooltips: {
            callbacks: {
              label: function(tooltipItem, data) {
                var...