Gostaria de adicionar linhas verticais nesse gráfico. Mas não estou conseguindo. Gostaria que cada grupo traçasse uma linha vertical, como nesta imagem.
Meu código atual:
google.charts.load('current', {'packages': ['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Pergunta', 'Valor 1', 'Valor 2'],
['Pergunta 1', 2, 3],
['Pergunta 2', 4, 1],
['Pergunta 3', 1, 1]
]);
var options = {
title: '2016',
subtitle: 'Resultados',
legend: 'none',
height: 600,
pointSize: 3,
vAxis: {title: "Status", ticks: [{v: 1, f: "Ótimo"}, {v: 2, f: "Bom"}, {v: 3, f: "Regular"}, {v: 4, f: "Ruim"}]
}
};
var chart = new google.visualization.LineChart(document.getElementById('grafico'));
chart.draw(data, options);
}
Renderizado:
Gostaria que ficasse assim:
Reparem nas linhas verticais em cada "Pergunta do eixo X".