JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.zingchart.com/zingchart.jquery.min.js"></script>
<script src="http://cdn.zingchart.com/zingchart.min.js"></script>
<div id='myChart'></div>

JavaScript

var myConfig = {
     type: "pie3d",
     autoresize: "true",
     // backgroundColor: "white",
     title: {
         text: "My Action Items",
             "backgroundColor": "black",
         height: 40,
         fontColor: "white",
         fontSize: 13
     },
     //"backgroundColor" : "#FFFFFF #B6B6B4",
     legend: {
         layout: "h",
         backgroundColor: "none",
         shadow: 0,
         borderWidth: 1,
         y: 50,
         x: "60%",
         toggleAction: "remove",
         item: {
             fontColor: "black",
             fontSize: 10
         },
         marker: {
             borderColor: "black",
             type: "square"
         }
     },
     plotarea: {
         margin: "90 30 25 30"
     },
     plot: {
         // 'border-color':"black",
         refAngle: 270,
             "animation": {
             "effect": "2",
                 "speed": "300",
                 "method": "5",
                 "sequence": "1"
         },
         valueBox: {
             placement: "in",
             text: "%npv%",
             fontColor: "white",
             fontSize: 11
         }
     },
     tooltip: {
         fontSize: 12,
         fontColor: "white",
         shadow: 0,
         borderRadius: 3,
         borderWidth: 1,
         borderColor: "black"
     },
     series: [{
         values: [12],
         backgroundColor: "#66a266",
         //alpha:0.5,
         text: "Open"
     }, {
         values: [1],
         backgroundColor: "#C24641",
         // alpha:0.5,
         text: "Closed"
     }]
 };

 var myConfigall = {
     type: "pie3d",
     autoresize: "true",
     // backgroundColor: "white",
     title: {
         text: "Assigned Action Items",
             "backgroundColor": "black",
         height: 40,
         fontColor: "white",
         fontSize: 13
     },
     //"backgroundColor" : "#FFFFFF #B6B6B4",
     legend: {
         layout: "h",
         backgroundColor: "none",
         shadow: 0,
         borderWidth:...