I am trying to use a google 3d pie chart in my Salesforce system to show some data and was sucessful but when I check it in IE 11 I am not able to see the chart. However, I am able to see the waterfall and guage charts I created in a different page for adifferent purpose. Here is the code I used for the 3d Pie chart....Please help me find a solution.
Enter code here...
<html>
I am able to see this text but not the charts
<head>
<script type="text/javascript">
<!---google.charts.load("current", {packages:["corechart"]});--->
google.charts.load("visualization", "current", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Related list', 'Count'],
['Contacts({!test1})', {!test1}],
['Call Plans/Meetings({!test2})', {!test2}],
['opportunity({!test3})', {!test3}],
['Open orders({!test4})', {!test4}],
['Open Deliveries({!test5})', {!test5}],
['Sales History({!test6})',{!test6}],
['Budget Forecast({!test7})',{!test7}],
['Account Receivables({!test8})',{!test8}]
]);
var options = {
title: 'Account Details{!test1}-{!test2}-{!test3}-{!test4}-{!test5}-{!test6}-{!test7}-{!test8}',
pieSliceText: 'label',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
chart.draw(data, options);
google.visualization.events.addListener(chart,'select', function(){ sel = chart.getSelection();
row = sel[0].row;
item = data.getValue(row,0);
val = data.getValue(row,1);
if(item == 'Sales History'){alert('test');
}
else alert(item);
drawChart();
});
}
</script>
</head>
<body>
<table>
<tr>
<td>
<div id="piechart_3d" style="width: 600px; height: 330px;">
</div></td>
<td><div> <analytics:reportChart reportId="00O11000000aAaK" filter="{column:'Account.Name', operator:'equals', value:'{!Account.Name}'}" size="small"></analytics:reportChart>
</div></td></tr>
<tr>
<td> <div><analytics:reportChart cacheResults="false" reportId="00O11000000aAaP" filter="{column:'Account.Name', operator:'equals', value:'{!Account.Name}'}" size="small"></analytics:reportChart>
</div></td>
</tr>
</table>
</body>
</html>