Google Charts Week Gridlines

Different vertical gridlines for Saturdays/Sundays/Holidays

by Stjepan Brbot

HTML

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart"></div>

JavaScript

google.charts.load('current',{callback:drawChart,packages:['corechart'],language:'hr'});

function drawChart()
{
  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Date');
  data.addColumn('number', 'Rating');
  data.addColumn('number', 'Day');
  data.addRows([
    [new Date(2017, 7, 1), 5, 2],  
    [new Date(2017, 7, 2), 7, 3],  
    [new Date(2017, 7, 3), 3, 0],
    [new Date(2017, 7, 4), 1, 5],  
    [new Date(2017, 7, 5), 3, 6],  
    [new Date(2017, 7, 6), 4, 7],
    [new Date(2017, 7, 7), 3, 1],  
    [new Date(2017, 7, 8), 4, 2],  
    [new Date(2017, 7, 9), 2, 3]
  ]);

  var view=new google.visualization.DataView(data);
  view.setColumns([0,1,{sourceColumn:2,role:'annotation'}]);
  var options = {legend: {position: 'none'}};
  var chart = new google.visualization.LineChart(document.getElementById('chart'));
  chart.draw(view, options);
}