2011-08-31 22 views

Respuesta

93

Me tomó un tiempo, para resolver esto, pero Google Charts hace compatible con el eje Y dual (eje v). Quiero usar la API de Javascript y no la interfaz HTML.

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

reemplazar todos que el código con el código que muestra cómo tiene dos escalas del eje Y diferentes:

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}}} 
     ); 
} 

Mediante la adición de maxValue: 2 al código, y establecer la serie 1 & 2 en ese eje, funcionan correctamente en un segundo eje.

+2

Tenga en cuenta que el ejemplo anterior no muestra dos escalas diferentes del eje Y (a pesar de decir que sí) solo porque el segundo vAxis está configurado en maxValue: 10, si establece los dos valores aceptables en diferentes valores de maxValue verá dos diferentes escamas. –

+0

@JamieKitson la respuesta ahora. Alguien debería haberlo editado –

+0

Lo intenté pero mis ediciones fueron rechazadas iirc: -/ –

-3

Lo hice.

  1. Haga clic en la serie de datos
  2. Una pequeña caja aparecerá con 2 pequeños cuadrados con sólo dos lados en negrilla cada
  3. Haga clic en el segundo

que se podría hacer a continuación.

+3

¿Podría agregar un ejemplo concreto suyo para explicitar su respuesta? – m4rtin

Cuestiones relacionadas