3D view Not Working

[senthily88]

I am try To Show 3D fusion chart

 

I am Enter This Code Directly In My PHP page, This Code 3D was Working Perfectly,

 

       <div id="chartdiv34703114856" align="center">Chart will load here</div>        <script>
var dataString ='<chart caption="Site hits per hour" subCaption="In Thousands" showValues="0" numVDivLines="22" rotateNames="1" areaAlpha="90" labelStep="2" clustered="0" showPlotBorder="0" exeTime="2" startAngX="32" startAngY="-36" endAngX="32" endAngY="-36">\n\
\n\
    <categories ><category label="Column 1" toolText="Column 1"/>\n\<category label="Column 2" toolText="Column 2"/>\n\<category label="Column 3" toolText="Column 3"/>\n\<category label="Column 4" toolText="Column 4"/>\n\<category label="Column 5" toolText="Column 5"/>\n\<category label="Column 6" toolText="Column 6"/>\n\<category label="Column 7" toolText="Column 7"/>\n\    </categories>\n\
\n\
    \n\
<dataset seriesname="Row1"  color="AFD8F8" areaBorderColor="AFD8F8"  ><set value="20" /><set value="30" /><set value="0" /><set value="40" /><set value="50" /><set value="60" /><set value="70" /></dataset><dataset seriesname="Row2"  color="F6BD0F" areaBorderColor="F6BD0F"  ><set value="50" /><set value="60" /><set value="70" /><set value="20" /><set value="50" /><set value="60" /><set value="75" /></dataset><dataset seriesname="Row3"  color="8BBA00" areaBorderColor="8BBA00"  ><set value="5" /><set value="6" /><set value="8" /><set value="0" /><set value="77" /><set value="54" /><set value="25" /></dataset><dataset seriesname="Row4"  color="FF8E46" areaBorderColor="FF8E46"  ><set value="20" /><set value="30" /><set value="40" /><set value="50" /><set value="50" /><set value="80" /><set value="90" /></dataset><dataset seriesname="aasRow4"  color="008E8E" areaBorderColor="008E8E"  ><set value="0" /><set value="5" /><set value="9" /><set value="7" /><set value="8" /><set value="0" /><set value="58" /></dataset>\n\
<styles>\n\
<definition>\n\
<style name="captionFont" type="font" size="15" />\n\
</definition>\n\
<application>\n\
<apply toObject="caption" styles="captionfont" />\n\
</application>\n\
</styles>\n\
</chart>';    </script>
         <script type="text/javascript">
//if (GALLERY_RENDERER && GALLERY_RENDERER.search(/javascript|flash/i)==0)  FusionCharts.setCurrentRenderer(GALLERY_RENDERER);
            var chart = new FusionCharts("view/chart/Charts/MSCombi3D.swf", "ChartId03114856", "560", "400", "0", "0");
            FusionCharts.setCurrentRenderer('javascript');
            chart.setXMLData( dataString );
              chart.render("chartdiv34703114856");
        </script>

 

 

 

Same This Code i try To use jquery To Get But I saw 2D view

 

<div id="chartdiv34703115105" align="center">Chart will load here</div> <script>
var dataString ='<chart caption="Site hits per hour" subCaption="In Thousands" showValues="0" numVDivLines="22" rotateNames="1" areaAlpha="90" labelStep="2" clustered="0" showPlotBorder="0" exeTime="2" startAngX="32" startAngY="-36" endAngX="32" endAngY="-36">\n\
\n\
    <categories ><category label="Column 1" toolText="Column 1"/>\n\<category label="Column 2" toolText="Column 2"/>\n\<category label="Column 3" toolText="Column 3"/>\n\<category label="Column 4" toolText="Column 4"/>\n\<category label="Column 5" toolText="Column 5"/>\n\<category label="Column 6" toolText="Column 6"/>\n\<category label="Column 7" toolText="Column 7"/>\n\    </categories>\n\
\n\
    \n\
<dataset seriesname="Row1" color="AFD8F8" areaBorderColor="AFD8F8" ><set value="20" /><set value="30" /><set value="0" /><set value="40" /><set value="50" /><set value="60" /><set value="70" /></dataset><dataset seriesname="Row2" color="F6BD0F" areaBorderColor="F6BD0F" ><set value="50" /><set value="60" /><set value="70" /><set value="20" /><set value="50" /><set value="60" /><set value="75" /></dataset><dataset seriesname="Row3" color="8BBA00" areaBorderColor="8BBA00" ><set value="5" /><set value="6" /><set value="8" /><set value="0" /><set value="77" /><set value="54" /><set value="25" /></dataset><dataset seriesname="Row4" color="FF8E46" areaBorderColor="FF8E46" ><set value="20" /><set value="30" /><set value="40" /><set value="50" /><set value="50" /><set value="80" /><set value="90" /></dataset><dataset seriesname="aasRow4" color="008E8E" areaBorderColor="008E8E" ><set value="0" /><set value="5" /><set value="9" /><set value="7" /><set value="8" /><set value="0" /><set value="58" /></dataset>\n\
<styles>\n\
<definition>\n\
<style name="captionFont" type="font" size="15" />\n\
</definition>\n\
<application>\n\
<apply toObject="caption" styles="captionfont" />\n\
</application>\n\
</styles>\n\
</chart>';    </script>
<script type="text/javascript">
//if (GALLERY_RENDERER && GALLERY_RENDERER.search(/javascript|flash/i)==0) FusionCharts.setCurrentRenderer(GALLERY_RENDERER);
var chart = new FusionCharts("view/chart/Charts/MSCombi3D.swf", "ChartId03115105", "560", "400", "0", "0");
            FusionCharts.setCurrentRenderer('javascript');
chart.setXMLData( dataString );
chart.render("chartdiv34703115105");
</script>

 

 

Why This Different Functionality Direct Codeing And Jquery Codeing

       

[Guest Sumedh]

Hello,

 

Please refer this post: http://forum.fusioncharts.com/topic/15675-fusion-chart-3d-view/