When rendering 2 Pie2d charts on a single page, the labels do not appear in Firefox, only the lines. However, if you showLegend 1 labels then appear.
<script>
function LoadGraphs() {
piechart1 = new FusionCharts({
"type": "pie2d",
"renderAt": "chartContainer",
"width": "500",
"height": "300",
"dataFormat": "json",
"dataSource": {
"chart": { showLegend:0 },
"data": [
{
"label": "Mon",
"value": "4123"
},
{
"label": "Tue",
"value": "4633"
},
{
"label": "Wed",
"value": "5507"
},
{
"label": "Thu",
"value": "4910"
},
{
"label": "Fri",
"value": "5529"
},
{
"label": "Sat",
"value": "5803"
},
{
"label": "Sun",
"value": "6202"
}
]
}
});
piechart1.render();
piechart2 = new FusionCharts({
"type": "pie2d",
"renderAt": "chartContainer2",
"width": "500",
"height": "300",
"dataFormat": "json",
"dataSource": {
"chart": { showLegend:0 },
"data": [
{
"label": "Mon",
"value": "1123"
},
{
"label": "Tue",
"value": "1633"
},
{
"label": "Wed",
"value": "1507"
},
{
"label": "Thu",
"value": "1910"
},
{
"label": "Fri",
"value": "1529"
},
{
"label": "Sat",
"value": "1803"
},
{
"label": "Sun",
"value": "1202"
}
]
}
});
piechart2.render();
}
</script>
<a href="javascript:LoadGraphs();">Run Test</a>
<div id="chartContainer">FusionCharts XT will load here!</div>
<div id="chartContainer2">FusionCharts XT will load here!</div>
It works fine in IE and Chrome, but not in Firefox, based on the latest FusionCharts.
The code works in Firefox with FusionCharts 3.10.1