Dual-Y Example

An example of a Google Dual-Y Column Chart.

by corinnekm

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['bar']}]}"></script>
<div id="dual_y_div" style="width: 900px; height: 500px;"></div>

JavaScript

google.setOnLoadCallback(drawStuff);

      function drawStuff() {
          var data = new google.visualization.arrayToDataTable([
              ['Période', 'Tribunal', 'Juge BRENNA Gerard'],
              ['Juillet 2014', 100, 23],
              ['Août 2014', 85, 10],
              ['Septembre 2014', 56, 23],
              ['Octobre 2014', 140, 13],
              ['Novembre 2014', 50, 3],
              ['Décembre 2014', 25, 12],
               ['Janvier 2014', 80, 9],
               ['Février 2014', 100, 10],
               ['Mars 2014', 120, 20],
               ['Avril 2014', 50, 23],
               ['Mai 2014', 68, 14]

          ]);

          var options = {
              width: 900,
              chart: {
                  title: 'Nombre de connexions au portail',
                  subtitle: 'Pour le tribunal de Créteil, pour le juge BRENNA Gérard'
              },
              series: {
                  0: {
                      axis: 'Tribunal',
                      
                  }, // Bind series 0 to an axis named 'Tribunal'.
                  1: {
                      axis: 'Juge'
                  } // Bind series 1 to an axis named 'Juge'.
              },
              axes: {
                  y: {
                      Tribunal: {
                          label: 'Tribunal'
                      }, // Left y-axis.
                      Juge: {
                          side: 'right',
                          label: 'Juge'
                      } // Right y-axis.
                  }
              }
          };

          var chart = new google.charts.Bar(document.getElementById('dual_y_div'));
          chart.draw(data, options);
      };