Google Chart: ¿Cómo dibujar el eje vertical para LineChart?
¡Quiero dibujar un gráfico de líneas de Google en mi página web! Aquí está mi código js:
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['x', 'Cats', 'Blanket 1'],
['A', 1, 10],
['B', 2, 5],
['C', 4, 12],
['D', 8, 5]
]);
var options = {
curveType: 'function',
lineWidth: 2,
hAxis: {
baselineColor: 'red',
textStyle: {color: '#000', fontName: 'Arial', fontSize: 10},
gridlines: { color: '#f3f3f3', count: 5}
},
vAxis: {
baseline: 0,
viewWindowMode: "explicit",
viewWindow:{ min: 0 },
gridlines: { color: '#f3f3f3', count: 6}
}
};
new google.visualization.LineChart(document.getElementById('visualization')).
draw(data, options);
}
Sin embargo, el gráfico de resultados se está dibujando sin ninguna línea de eje vertical. Cómo puedo agregar las líneas del eje vertical como en las imágenes de abajo: Muchas gracias!