Welcome to FusionCharts Forum!
Could you please send us the entire code to look into the issue?
Please confirm the FusionCharts and browser version you are using.
Awaiting for your response.
I use the FusionCharts V3.2
paste the code into usionCharts_Evaluation\Gallery\Pie_Doughnut.
Pie3D11.html 's code
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pie 3D Chart</title>
<link href="../../Contents/assets/ui/css/style.css" rel="stylesheet" type="text/css" />
<link href="../../Contents/assets/prettify/prettify.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href='Pie3D1.html'>pie3d-history-test</a>
</body>
</html>
Pie3D1.html 's code
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pie 3D Chart</title>
<link href="../../Contents/assets/ui/css/style.css" rel="stylesheet" type="text/css" />
<link href="../../Contents/assets/prettify/prettify.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="../../Charts/FusionCharts.js"></script>
<script type="text/javascript" src="../../Contents/assets/ui/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../../Contents/assets/prettify/prettify.js"></script>
<script type="text/javascript" src="../../Contents/assets/ui/js/json2.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="../../Contents/assets/ui/js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
/* select the element name, css selector, background etc */
DD_belatedPNG.fix('img');
/* string argument can be any CSS selector */
</script>
<p> </p>
<P align="center"></P>
<![endif]-->
<script type="text/javascript">
$(document).ready ( function () {
$("a.view-chart-data").click( function () {
var chartDATA = '';
if ($(this).children("span").html() == "View XML" ) {
chartDATA = FusionCharts('ChartId').getChartData('xml').replace(/\</gi, "<").replace(/\>/gi, ">");
} else if ($(this).children("span").html() == "View JSON") {
chartDATA = JSON.stringify( FusionCharts('ChartId').getChartData('json') ,null, 2);
}
$('pre.prettyprint').html( chartDATA );
$('.show-code-block').css('height', ($(document).height() - 56) ).show();
prettyPrint();
})
$('.show-code-close-btn a').click(function() {
$('.show-code-block').hide();
});
})
function change(i){
var chart = new FusionCharts("../../Charts/Pie3D.swf", "ChartId", "560", "400", "0", "0");
chart.setXMLUrl("../Data/XML/Pie3D2.xml");
chart.render("chartdiv");
}
</script>
</head>
<body>
<h3 class="chart-title">Pie 3D Chart</h3>
<p> </p>
<button onclick="javascript:history.back();">back</button>
<div id="chartdiv" align="center">
FusionCharts. </div>
<script type="text/javascript">
var chart = new FusionCharts("../../Charts/Pie3D.swf", "ChartId", "560", "400", "0", "1");
chart.setXMLUrl("../Data/XML/Pie3D1.xml");
chart.render("chartdiv");
</script>
<p> </p>
<P align="center">3D Pie chart showing top 5 employees for 1996. Click on a pie slice or its legend item to highlight it or use right-click option.</P>
<br/>
<div class="qua-button-holder">
<a class="qua qua-button view-chart-data" href="javascript:void(0)"><span>View XML</span></a>
<a class="qua qua-button view-chart-data" href="javascript:void(0)"><span>View JSON</span></a>
</div>
<div class="show-code-block">
<div class="show-code-close-btn"><a class="qua qua-button" href="javascript:void(0)"><span>Close</span></a></div>
<pre class="prettyprint"></pre>
</div>
</body>
</html>
Pie3D1.xml's code
<chart caption="Top 5 Employees for 1996" palette="2" animation="1"
subCaption="(Click to slice out or right click to choose rotation mode)" YAxisName="Sales Achieved" showValues="0"
numberPrefix="$" formatNumberScale="0" showPercentInToolTip="0" showLabels='0' showLegend='1'>
<set label="Leve1111rling" value="100524" isSliced="0" link='javascript:change("1")'/>
<set label="Fuller" value="87790" isSliced="0" link='javascript:change("2")'/>
<set label="Davolio" value="81898" isSliced="0" link='javascript:change("3")'/>
<set label="Peacock" value="76438" isSliced="0" link='javascript:change("4")'/>
<set label="King" value="57430" isSliced="0" link='javascript:change("5")'/>
<styles>
<definition>
<style type="font" name="CaptionFont" color="666666" size="15" />
<style type="font" name="SubCaptionFont" bold="0" />
</definition>
<application>
<apply toObject="caption" styles="CaptionFont" />
<apply toObject="SubCaption" styles="SubCaptionFont" />
</application>
</styles>
</chart>
Pie3D1.xml
Pie3D1.html
Pie3D11.html
