JSFiddle - React, Tailwind, and code Playground
by mhctoledo
HTML
<div id="chardiv02"></div>JavaScript
var myChart = new FusionCharts("swf/HLinearGauge.swf", "myChartId", "250", "70", "0", "0");
myChart.setDataXML("<chart bgColor='FFFFFF' borderColor='DCCEA1' chartTopMargin='0' chartBottomMargin='0' upperLimit='100' lowerLimit='0' ticksBelowGauge='1' tickMarkDistance='3' valuePadding='-2' pointerRadius='5' majorTMColor='999999' majorTMNumber='3' minorTMNumber='4' minorTMHeight='4' majorTMHeight='8' showShadow='0' pointerBgColor='FFFFFF' pointerBorderColor='000000' gaugeBorderThickness='1' baseFontColor='000000' pointerBgColor='000000' gaugeFillMix='{color},{FFFFFF}' gaugeFillRatio='50,50' showBorder='0'><colorRange> <color minValue='0' maxValue='{_valor_condicion_llave_}' code='999999' label='Llave'/><color minValue='{_valor_condicion_llave_}' maxValue='100' code='1762b7' label='Superada' /></colorRange><pointers><pointer value='{_puntos_q_actual_}' toolText='{_puntos_q_actual_}'/></pointers><styles><definition><style type='font' name='labelFont' color='FFFFFF' /></definition><application><apply toObject='GAUGELABELS' styles='labelFont,myShadow' /></application></styles></chart>");
myChart.setTransparent(true);
myChart.render("chartdiv02");