Wind Test

An attempt to alter the point shape and direction

by Ray Thomas

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="windDiv" style="height: 300px;"></div>

JavaScript

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

function drawChart() {
  var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1WXWIJZHiOBDhRZcUOh2pr_eucUHeKy36XbWUqgKwYYI/gviz/tq?gid=0&headers=1');
  query.send(handleQueryResponse);
}

function handleQueryResponse(response) {
  if (response.isError()) {
    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
    return;
  }

  var windTable = response.getDataTable();
  var windView = new google.visualization.DataView(windTable);
  windView.setColumns([0, 1, 2, {
    sourceColumn: 3,
    role: 'style'
  }]);

  var options = {
    view: {
      columns: [0, 1, 2, 3]
    },
    pointSize: 10,
    pointShape: 'triangle'
  }

  var chart = new google.visualization.LineChart(document.getElementById('windDiv'));
  chart.draw(windView, options);
}