I've created a simple animated 3d pie chart that works fine in IE9 and Chrome. When I run this within IE10 the pie chart is incorrectly drawn with a portion of it missing. Is this a known issue or is there something I'm not setting in my code?
Code below...
var pieChart = new cfx.Chart();pieChart.getAnimations().getLoad().setEnabled(true);
pieChart.setGallery(cfx.Gallery.Pie);
pieChart.getView3D().setEnabled(true);
var dataFields = pieChart.getDataSourceSettings().getFields();
var field1 = new cfx.FieldMap();
var field2 = new cfx.FieldMap();
var field3 = new cfx.FieldMap();
var field4 = new cfx.FieldMap();
field1.setName("divisionName");
field1.setUsage(cfx.FieldUsage.Label);
dataFields.add(field1);
field2.setName("divisionPercent");
field2.setUsage(cfx.FieldUsage.Value);
dataFields.add(field2);
field3.setName("divisionValue");
field3.setUsage(cfx.FieldUsage.NotUsed);
dataFields.add(field3);
field4.setName("numinstructions");
field4.setUsage(cfx.FieldUsage.NotUsed);
dataFields.add(field4);
pieChart.getDataSourceSettings().setDataSource(pieData);
pieChart.getAllSeries().getPointLabels().setVisible(true);
var heading = new cfx.Title;
heading.setText("Year to date by Division (%)");
pieChart.getTitles().add(heading);
var divHolder = document.getElementById('piechart');
pieChart.create(divHolder);
Regards
Colin
