¿Puede Google Charts admitir el eje y doble (eje v)?
La api de gráficos Flot admite escalas de doble eje v, como se muestra en este ejemplo.
Estoy usando Google Charts - ¿es esto posible también con Google? He echado un vistazo a los ejemplos y documentos, pero no puedo encontrar ejemplos / referencias que indiquen que admite gráficos de doble eje.
2 answers
Me tomó un tiempo, para averiguar esto, pero Google Charts hace soporte dual Y-eje (v-eje). 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 establecer las series 1 y 2 en ese eje, funcionan correctamente en un segundo eje.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-04-30 21:42:27
Lo hice.
- Haga clic en la serie de datos
- Aparecerá una caja pequeña con 2 cuadrados pequeños con solo dos lados en negrita cada
- haga Clic en el segundo
Podría hacerse entonces.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-09-01 14:21:26