hitrust / google-ajax-examples

Automatically exported from code.google.com/p/google-ajax-examples
0 stars 1 forks source link

AnnotationChart scaleColumns not behaving as described... #164

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?

<html>
  <head>
    <script type='text/javascript' src='http://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1.1', {'packages':['annotationchart']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('date', 'Date');
        data.addColumn('number', 'Kepler-22b mission');
        data.addColumn('number', 'foo');
        data.addColumn('number', 'bar');
        data.addColumn('number', 'Gliese 163 mission');
        data.addColumn('string', 'Gliese title');
        data.addColumn('string', 'Gliese text');
        data.addRows([
          [new Date(2314, 2, 15), 12400, 10, 30, 10645, undefined, undefined],
          [new Date(2314, 2, 16), 24045, 10, 30, 12374, undefined, undefined],
          [new Date(2314, 2, 17), 35022, 10, 30, 15766, 'Gallantors', 'First Encounter'],
          [new Date(2314, 2, 18), 12284, 10, 30, 34334, 'Gallantors', 'Statement of shared principles'],
          [new Date(2314, 2, 19), 8476, 200, 100, 66467, 'Gallantors', 'Mysteries revealed'],
          [new Date(2314, 2, 20), 0, 400, 300, 79463, 'Gallantors', 'Omniscience achieved']
        ]);

        var chart = new google.visualization.AnnotationChart(document.getElementById('chart_div'));

        var options = {
          displayAnnotations: true,
          scaleType: 'allmaximized',
          scaleColumns: [0,1,2,3],
        };

        chart.draw(data, options);
      }
    </script>
  </head>

  <body>
    <div id='chart_div' style='width: 900px; height: 500px;'></div>
  </body>
</html>

What is the expected output? What do you see instead?

documentation says 'If you specify three values, a scale for the third series 
will be added to the middle of the chart.' BUT instead the third series 
overlaps the first series on the right axis.

documentation says 'Any values after the third in the array will be ignored.' 
BUT additional series are accepted and the scales are added on the right axis.  
actually the additional values are required for allmaximized to work correctly 
(see below).

each series builds its own grid (y axis major tic marks) which gets very ugly 
with 3 or more axis.

so it seems that the only way to maximize all series is to add the series index 
to the array, and watch the right side axis overlap and the grid to get messy.

What version of the product are you using? On what operating system?
acts same in both 27.0.1 and IE 10.0.13

Please provide any additional information below.
also if you do not specify all the series indexes in the scaleColumns array the 
indexes you leave out will not maximize

Original issue reported on code.google.com by terry.le...@gmail.com on 11 Mar 2014 at 2:15