JSFiddle - React, Tailwind, and code Playground

by juvancica

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts-en.min.js"></script>
<div align="center" id="eChartsPieStart" style="width: 100%; height:400px;"></div>
<div align="center" id="eChart2a" style="width: 100%; height:400px;"></div>

<script>
  var myColors = ['#CCCCCC', '#26428C', '#877850', '#326496', '#58595b', '#8c8c8c', '#c84155', '#cd7341', '#69a050', '#00967d', '#0096be', '#784182'];

  var podatki = {
    "info": [{
      "title": "Podatki o zavrženjih glede na pristojnost",
      "subtitle": "Podatki za obdobje do 01.08.2020"
    }],
    "data": [{
      "dimensions": ["LETO", "1. NI UTEMELJENEGA SUMA", "2. NESORAZMERJE MED MAJHNIM POMENOM KD IN POSLEDICAMI KAZENSKEGA PREGONA", "3. UMIK PREDLOGA ZA PREGON", "4. IZKLJUČEN PREGON", "5. NI ZNAKOV KAZNIVEGA DEJANJA, KI SE PREGANJA PO URADNI DOLŽNOSTI", "6. PO ODLOŽENEM KAZENSKEM PREGONU ALI PORAVNAVI", "7. ZASTARANJE", "8. DRUGO"],
      "source": [{
        "LETO": 2014,
        "1. NI UTEMELJENEGA SUMA": 6669,
        "2. NESORAZMERJE MED MAJHNIM POMENOM KD IN POSLEDICAMI KAZENSKEGA PREGONA": 3682,
        "3. UMIK PREDLOGA ZA PREGON": 2345,
        "4. IZKLJUČEN PREGON": 2277,
        "5. NI ZNAKOV KAZNIVEGA DEJANJA, KI SE PREGANJA PO URADNI DOLŽNOSTI": 1809,
        "6. PO ODLOŽENEM KAZENSKEM PREGONU ALI PORAVNAVI": 1619,
        "7. ZASTARANJE": 284,
        "8. DRUGO": 235
      }, {
        "LETO": 2015,
        "1. NI UTEMELJENEGA SUMA": 7948,
        "2. NESORAZMERJE MED MAJHNIM POMENOM KD IN POSLEDICAMI KAZENSKEGA PREGONA": 3857,
        "3. UMIK PREDLOGA ZA PREGON": 2555,
        "4. IZKLJUČEN PREGON": 1629,
        "5. NI ZNAKOV KAZNIVEGA DEJANJA, KI SE PREGANJA PO URADNI DOLŽNOSTI": 2152,
        "6. PO ODLOŽENEM KAZENSKEM PREGONU ALI PORAVNAVI": 1981,
        "7. ZASTARANJE": 223,
        "8. DRUGO": 447
      }, {
        "LETO": 2016,
        "1. NI UTEMELJENEGA SUMA": 7557,
        "2. NESORAZMERJE MED MAJHNIM POMENOM KD IN POSLEDICAMI KAZENSKEGA PREGONA": 3233,
       ...