Looks like for 3d charts, the arc value gets when the height changes.

e.g. the following code works ok.

But if you move the height up to 400 or more, it seems some of the pie
arc lines are drawn the wrong way, making the chart look incorrect.
You can click on the purple legend, to move the section and see other
values are (erroneously) stacked under it.

<html>
  <head>
    <!--Load the AJAX API-->
    <script type="text/javascript" src="http://www.google.com/jsapi";></
script>
    <script type="text/javascript">

      // Load the Visualization API and the piechart package.
      google.load('visualization', '1', {'packages':['piechart']});

      // Set a callback to run when the API is loaded.
      google.setOnLoadCallback(drawChart);

      // Callback that creates and populates a data table,
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {
        var data = new google.visualization.DataTable();
                                                                
data.addColumn('string', 'WorkQueue');
                                                                
data.addColumn('number', 'Incident #');
                                                                data.addRows([
                                                                                
['BOBTAIL CHECK', 6],
                                                                                
['DAMAGE INSPECTION', 1213],
                                                                                
['DAMAGE REPORTED', 9],
                                                                                
['EQUIPMENT IDENTIFICATION', 105],
                                                                                
['INGATE HAZMAT INSPECTION', 6],
                                                                                
['INGATE NOT CLEARED', 1],
                                                                                
['LANE CALL SIGNAL', 48],
                                                                                
['RETURN TO YARD CHECK',  22],
                                                                                
['SEAL INSPECTION', 729],
                                                                                
['SECURITY INTERVENTION', 399],
                                                                                
['TICKET EXPIRED', 0]
                                                                        ]);


        var chart = new google.visualization.PieChart
(document.getElementById('chart_div'));
        chart.draw(data, {width: 400, height: 240, is3D: true, title:
'My Daily Activities'});
      }
    </script>
  </head>

  <body>
    <!--Div that will hold the pie chart-->
    <div id="chart_div"></div>
  </body>
</html>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To post to this group, send email to google-visualization-api@googlegroups.com
To unsubscribe from this group, send email to 
google-visualization-api+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/google-visualization-api?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to