I am using a Pie3D chart rendered with javascript. As you can see from the images - one of them has labels incorrectly aligned with the chart.
The ONLY difference between the two is that the faulty one is loaded in a hidden div (display: none;) and shown using $('#divID').toggle('show');
How can I resolve this issue? The charts do not have the same impact without the text labels. Can I force the chart to re-render after I have called the show() command?
The PHP code I am using is:
FC_SetDataFormat("json");
FC_SetRenderer('javascript');
$sub_chart = renderChart("./includes/Charts/Pie3D.swf", "", $subJSON, 'tag_'.$id_tag, '700', '300', '1', '1');
The JSON I am using is:
"chart": {
"caption": "ZAP Orientation - By Role",
"formatnumberscale": "0",
},
"data": [{
"label": "Steel Fixer",
"value": "6",
},{
"label": "Concrete Finisher",
"value": "3",
},{
"label": "Safety Administrator",
"value": "1",
},{
"label": "Administrator",
"value": "1",
},{
"label": "Supervisor",
"value": "2",
},{
"label": "Engineer",
"value": "1",
},{
"label": "Environmental Advisor",
"value": "1",
},{
"label": "Safety Advisor",
"value": "1",
},{
"label": "HSE Manager",
"value": "2",
},{
"label": "Surveyor",
"value": "1",
},{
"label": "Project Engineer",
"value": "1",
},{
"label": "Civil Labourer",
"value": "1",
}]