Search the Community

I'm getting the following error while embedding a chart: DesignTimeError: #25081843 bodystats0.render Error >> #25081843:IECompatibility() Chart Id is same as a JavaScript variable name. Variable naming error. Please use unique name for chart JS variable, chart-id and container id. http://static.ak.facebook.com/connect/xd_arbiter.php?version=21 Line 13 Please check page code <script type="text/javascript" src="/js/jquery.jcarousel.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { //jQuery('#mycarousel2').jcarousel({ //}); }); </script> <div class="carousel_1"> <ul id="mycarousel2" class="jcarousel-skin-tango"> <li> <div id="test1"> <?php Yii::app()->clientScript->registerCoreScript('fusionchartsxt'); ?> <?php include("fusionchartsxt/includes/FusionCharts.php"); ?> <?php $strXML = "<chart caption='' subCaption='' yAxisMaxValue='105' numberSuffix='%25' bgColor='FFFFFF' bgAlpha='0' setAdaptiveYMin='1' canvaspadding='10' showCanvasBg ='1' canvasBorderColor='333333' showAlternateHGridColor='1' alternateHGridColor='f0f2ea' alternateHGridAlpha='100' divLineColor='303200' divLineAlpha='20' baseFontColor='666666' showBorder='0' lineColor='BBDA00' plotBorderColor='8a8a8a' anchorRadius='4' anchorBgColor='303200' anchorBorderColor='FFFFFF' anchorBorderThickness='2' toolTipBgColor='EEEEEE' toolTipBorderColor='303200' toolTipColor='666666' showValues='1' numberSuffix='' labelDisplay='ROTATE'>"; $strXML .= "<set label='Asses 1' value='20' />"; $strXML .= "<set label='Asses 2' value='30'/>"; $strXML .= "<set label='Current' value='40' />"; $strXML .= "<trendlines>"; $strXML .= "<line startValue='100' color='57C02F' displayValue='Target' />"; $strXML .= "</trendlines>"; $strXML .= "<styles>"; $strXML .= "<definition>"; $strXML .= "<style name='Font_0' type='font' font='Verdana' size='11' underline='0' color='666666' />"; $strXML .= "<style name='Font_1' type='font' font='Verdana' size='14' color='666666' bold='1' align='left' />"; $strXML .= "<style name='LineShadow' type='shadow' angle='45' distance='1'/>"; $strXML .= "</definition>"; $strXML .= "<application>"; $strXML .= "<apply toObject='DATALABELS' styles='Font_0'/>"; $strXML .= "<apply toObject='CAPTION' styles='Font_1'/>"; $strXML .= "<apply toObject='DATAPLOT' styles='LineShadow' />"; $strXML .= "</application>"; $strXML .= "</styles>"; $strXML .="</chart>"; $unique_chart_id = "mygoalachievements1"; echo renderChart("/fusionchartsxt/charts/Column2D.swf?r=".rand(), "", $strXML, "$unique_chart_id", 235, 235); ?> </div> </li> </ul> <a href="#" id="ui-carousel-next"><span>next</span></a> <a href="#" id="ui-carousel-prev"><span>prev</span></a> </div> <script> console.log(mygoalachievements1); console.log($('#mygoalachievements1').get()); </script>