JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>

<SCRIPT LANGUAGE="JavaScript">
     
         function populate(myVar){
            window.alert(myVar);
         }
     
      </SCRIPT>

<div id="chart-container">FusionCharts will render here</div>

<div id="tab">1</div>

JavaScript

FusionCharts.ready(function(){
    var revenueChart = new FusionCharts({
      type: "pie2d",
      renderAt: "chart-container",
      width: "450",
      height: "350",
      dataFormat: "json",
      dataSource: {
          "chart": {
              "caption": "Split of Visitors by Age Group",
              "subCaption": "Last year",
              "paletteColors": "#0075c2,#1aaf5d,#f2c500,#f45b00,#8e0000",
              "bgColor": "#ffffff",
              "showBorder": "0",
              "use3DLighting": "0",
              "showShadow": "0",
              "enableSmartLabels": "0",
              "startingAngle": "0",
              "showPercentValues": "1",
              "showPercentInTooltip": "0",
              "decimals": "1",
              "captionFontSize": "14",
              "subcaptionFontSize": "14",
              "subcaptionFontBold": "0",
              "toolTipColor": "#ffffff",
              "toolTipBorderThickness": "0",
              "toolTipBgColor": "#000000",
              "toolTipBgAlpha": "80",
              "toolTipBorderRadius": "2",
              "toolTipPadding": "5",
              "showHoverEffect":"1",
              "showLegend": "1",
              "legendBgColor": "#ffffff",
              "legendBorderAlpha": '0',
              "legendShadow": '0',
              "legendItemFontSize": '10',
              "legendItemFontColor": '#666666'
          },
          "data": [
              {
                  "label": "Teenage",
                  "value": "1250400",
              }, 
              {
                  "label": "Adult",
                  "value": "1463300"
              }, 
              {
                  "label": "Mid-age",
                  "value": "1050700"
              }, 
              {
                   "link": "JavaScript:populate('411');",
                  "label": "Senior",
                  "value": "491000"                   
              }
          ]
      }
  });
    
   ...