Saltar al contenido

¿Puede Google Charts admitir el eje y dual (eje v)?

Necesitamos tu ayuda para extender nuestras secciones sobre las ciencias informáticas.

Solución:

Me tomó un tiempo darme cuenta de esto, pero Google Charts hace Admite doble eje Y (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 de 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
          );

Añadiendo maxValue: 2 al código, y configurando las series 1 y 2 en ese eje, funcionan correctamente en un segundo eje.

Solución sin JavaScript

Suponiendo que está buscando una serie que comparte el mismo eje X (horizontal) pero tiene diferentes valores (y escalas) para el eje Y (vertical), puede hacerlo sin recurrir a JavaScript de la siguiente manera:

  1. Seleccione Insertar | Gráfico del menú.
  2. Haga doble clic en el gráfico y, en el editor de gráficos, seleccione Tipo de gráfico | Gráfico de linea.
  3. Haga clic en el icono de cuadrícula en el cuadro “Rango de datos” para obtener el cuadro de diálogo de rango de datos.
  4. Haga clic en la hoja de trabajo que contiene los datos que le interesan para las líneas del eje Y y resalte desde la parte superior izquierda hasta la parte inferior derecha para cubrir todas las líneas del eje Y. Puede ordenar las columnas más tarde.
  5. Haga clic en Aceptar y verá que se ha extraído una colección de series. Use el “menú de puntos” para cada serie para eliminar aquellas que no le interesen.
  6. Haga clic en el icono de cuadrícula en el cuadro “Eje X” para obtener el cuadro de diálogo de rango de datos una vez más.
  7. Haga clic en la hoja de trabajo que contiene los datos que le interesan para la línea del eje X y resalte de arriba hacia abajo.
  8. Haga clic en Aceptar y verá que el eje X se ha rellenado y ambas líneas del eje Y comparten la misma etiqueta del eje izquierdo.
  9. Haga clic en la línea para la que desea usar la etiqueta del eje derecho y use el cuadro “Eje” en el cuadro de diálogo del editor de gráficos para seleccionar “Eje derecho”.

Ahora puede editar las otras propiedades del gráfico para que tenga el aspecto que desea en términos de presentación.

Aquí tienes las reseñas y calificaciones

Si sostienes algún recelo o forma de desarrollar nuestro enunciado puedes escribir un informe y con placer lo observaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *