JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var data = {
"chart": {
"caption": "Rotate labels bug",
"captionFontSize": "13",
"subcaptionFontSize": "12"
},
"data": [
{
"label": "Teenage",
"value": "12500400"
},
{
"label": "Adult",
"value": "14063300"
},
{
"label": "Mid-age",
"value": "10050700"
},
{
"label": "Senior",
"value": "491000"
},
{
"label": "Teenage",
"value": "1250400"
},
{
"label": "Adult",
"value": "1463300"
},
{
"label": "Mid-age",
"value": "1050700"
},
{
"label": "Senior",
"value": "491000"
},
{
"label": "Teenage",
"value": "1250400"
},
{
"label": "Adult",
"value": "1463300"
},
{
"label": "Mid-age",
"value": "1050700"
},
{
"label": "Senior",
"value": "491000"
}, {
"label": "Teenage",
"value": "1250400"
},
{
"label": "Adult",
"value": "1463300"
},
{
"label": "Mid-age",
"value": "1050700"
},
{
"label": "Senior",
"value": "491000"
},{
"label": "Senior",
"value": "491000"
}, {
"label": "Teenage",
"value": "1250400"
...