Not Able To See the 3d pie Chart on IE 11 whereas I am able to see water fall and guage charts

42 views
Skip to first unread message

krishna Eranki

unread,
Dec 7, 2016, 11:22:58 AM12/7/16
to Google Visualization API
Hi,
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" src="https://www.gstatic.com/charts/loader.js"></script>
    <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>

Daniel LaLiberte

unread,
Dec 13, 2016, 5:00:16 PM12/13/16
to Google Visualization API
A common problem with IE is extra commas in object literals.  I see an extra comma after your is3D option.

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/b613b2a3-4dbe-48e9-be9b-a8ff1081f564%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

Krishna Eranki

unread,
Dec 15, 2016, 4:42:33 AM12/15/16
to Google Visualization API
Hi Daniel,

Thanks for the response. I have removed the comma and gave it a try but i didn't have any luck in getting it work. Hope you have some other changes on mind that I can try to make the chart showup....

Thanks,
Krishna Eranki

Reply all
Reply to author
Forward
0 new messages