charts - examples - haxis google chart

¿Pueden los gráficos de Google admitir el eje y dual(eje v)?

Question

La aplicación Flot chart admite escalas duales del eje v, como se muestra en este ejemplo .

Estoy usando Google Charts. ¿Esto también es posible con Google? He echado un vistazo a los ejemplos y documentos, pero no puedo encontrar ningún ejemplo / referencia que indique que admite gráficos de eje dual.

Answer 1

Lo hice.

1. Haga clic en la serie de datos
2. Aparecerá una pequeña caja con 2 cuadrados pequeños con solo dos lados en negrita cada uno
3. Haga clic en el segundo

Se podría hacer entonces.

Answer 2

Me tomó un tiempo darme cuenta de esto, pero Google Charts admite el eje Y dual (eje v). Quiero usar la API de Javascript y no la interfaz HTML.

Este ejemplo se puede probar aquí: http://code.google.com/apis/ajax/playground/?type=visualization#line_chart

Reemplace todo ese código con este código que muestra cómo tener dos escalas diferentes del eje Y:

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn(''string'', ''x'');
  data.addColumn(''number'', ''Cats'');
  data.addColumn(''number'', ''Blanket 1'');
  data.addColumn(''number'', ''Blanket 2'');
  data.addRow(["A", 1, 1, 0.5]);
  data.addRow(["B", 2, 0.5, 1]);
  data.addRow(["C", 4, 1, 0.5]);
  data.addRow(["D", 8, 0.5, 1]);
  data.addRow(["E", 7, 1, 0.5]);
  data.addRow(["F", 7, 0.5, 1]);
  data.addRow(["G", 8, 1, 0.5]);
  data.addRow(["H", 4, 0.5, 1]);
  data.addRow(["I", 2, 1, 0.5]);
  data.addRow(["J", 3.5, 0.5, 1]);
  data.addRow(["K", 3, 1, 0.5]);
  data.addRow(["L", 3.5, 0.5, 1]);
  data.addRow(["M", 1, 1, 0.5]);
  data.addRow(["N", 1, 0.5, 1]);


  // Create and draw the visualization.
  new google.visualization.LineChart(document.getElementById(''visualization'')).
      draw(data, {curveType: "function", width: 500, height: 400,
    vAxes: {0: {logScale: false},
            1: {logScale: false, maxValue: 2}},
    series:{
       0:{targetAxisIndex:0},
       1:{targetAxisIndex:1},
       2:{targetAxisIndex:1}}}
          );
}

Al agregar maxValue: 2 al código y al establecer las series 1 y 2 en ese eje, funcionan correctamente en un segundo eje.