JSFiddle - React, Tailwind, and code Playground

by Thomas Lohninger

HTML

<script src="http://webmark.manova.at/static/jsdir/fusion_/FusionCharts.js"></script>
<div id='fc_container_89801662b10b8586cc9409f5586e9ae2_fusion' class='fc_container'>
    <img src='http://webmark.manova.at/static/jsdir/images/ajax-loader.gif' alt='chart is loading' />
</div>
<div id='fc_export_container_89801662b10b8586cc9409f5586e9ae2_fusion'></div>

JavaScript

/* switch renderer to en/disable the bug */
FusionCharts.setCurrentRenderer("flash");
//FusionCharts.setCurrentRenderer("javascript");


var f = new FusionCharts({
    "id": "fusion_f1f23e8304191b1038a6f016b0850e90_fusion",
    "renderAt": "fc_container_89801662b10b8586cc9409f5586e9ae2_fusion",
    "dataFormat": "json",
    "dataSource": "{\"setAdaptiveXMin\":1,\"baseFontSize\":12,\"vTrendLines\":[{\"line\":[{\"alpha\":80,\"displayValue\":\" \",\"startValue\":0,\"color\":\"FF0000\",\"endValue\":0.2},{\"alpha\":80,\"displayValue\":\" \",\"startValue\":0.2,\"color\":\"FFA500\",\"endValue\":0.4},{\"alpha\":80,\"displayValue\":\" \",\"startValue\":0.4,\"color\":\"FFFF00\",\"endValue\":0.6},{\"alpha\":80,\"displayValue\":\" \",\"startValue\":0.6,\"color\":\"2EF906\",\"endValue\":0.8},{\"alpha\":80,\"displayValue\":\" \",\"startValue\":0.8,\"color\":\"008000\",\"endValue\":1}]}],\"xaxisname\":\"Wettbewerbsvorteil\",\"setAdaptiveYMin\":1,\"xAxisMinValue\":0,\"chart\":{\"animation\":1,\"vDivlineAlpha\":0,\"paletteColors\":\"FFFFFF\",\"showBorder\":0,\"showlegend\":1,\"palette\":2,\"formatNumber\":1,\"showDivLineValues\":0,\"divLineAlpha\":0,\"legendPosition\":\"RIGHT\",\"aboutMenuItemLink\":\"N-https://www.manova.at/\",\"formatNumberScale\":0,\"legendShadow\":1,\"bgColor\":\"FFFFFF\",\"exportFileName\":\"webmark_export\",\"quadrantYVal\":\"\",\"showExportDataMenuItem\":1,\"thousandSeparator\":\".\",\"numDivLines\":0,\"showAlternateHGridColor\":0,\"showValues\":1,\"canvasLeftMargin\":26,\"exportHandler\":\"https://webmark.manova.at/helma_thomas/seilbahnen/fusionchartsexporthandler\",\"showYAxisValues\":0,\"decimalSeparator\":\",\",\"aboutMenuItemLabel\":\"Manova Webmark\",\"divLineColor\":\"CCCCCC\",\"slicingDistance\":30,\"registerWithJS\":1,\"legendBorderColor\":\"CCCCCC\",\"xAxisNamePadding\":5,\"canvasBorderThickness\":2,\"legendScrollBgColor\":\"FFFFFF\",\"yAxisNamePadding\":5,\"manageResize\":1,\"useroundedges\":1,\"baseFont\":\"Verdana,Arial,San...