google.charts.load('current', {'packages':['gauge']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
  var temp_data = google.visualization.arrayToDataTable([
    ['Label', 'Value'],
    ['気温', 20.7]
  ]);
  var hum_data = google.visualization.arrayToDataTable([
    ['Label', 'Value'],
    ['湿度', 89],
  ]);
  var conf_data = google.visualization.arrayToDataTable([
    ['Label', 'Value'],
    ['不快指数', 68.6]
  ]);
  var press_data = google.visualization.arrayToDataTable([
    ['Label', 'Value'],
    ['気圧', 1007.6]
  ]);

  var temp_options = {
    width: 120, height: 120,
    min: -20, max: 40,
    redFrom: 24, redTo: 100,
    yellowFrom:75, yellowTo: 85,
	  greenFrom:18, greenTo: 24,
    majorTicks: [-20,-10,0,10,20,30,40],
    minorTicks: 5
  };
  var hum_options = {
    width: 120, height: 120,
    min: 0, max: 100,
    redFrom: 80, redTo: 100,
    yellowFrom:0, yellowTo: 40,
	  greenFrom:40, greenTo: 65,
    majorTicks: [0,10,20,30,40,50,60,70,80,90,100],
    minorTicks: 2
  };
  var conf_options = {
    width: 120, height: 120,
    min: 40, max: 100,
    redFrom: 85, redTo: 100,
    yellowFrom:75, yellowTo: 85,
	  greenFrom:60, greenTo: 75,
    majorTicks: [40,50,60,70,80,90,100],
    minorTicks: 2
  };
  var press_options = {
    width: 120, height: 120,
    min: 960, max: 1060,
    majorTicks: [960,970,980,990,1000,1010,1010,1020,1030,1040,1050,1060],
    minorTicks: 2
  };

  var temp_chart = new google.visualization.Gauge(document.getElementById('temparature_gauge'));
  temp_chart.draw(temp_data, temp_options);

  var hum_chart = new google.visualization.Gauge(document.getElementById('humidity_gauge'));
  hum_chart.draw(hum_data, hum_options);

  var conf_chart = new google.visualization.Gauge(document.getElementById('confortable_gauge'));
  conf_chart.draw(conf_data, conf_options);

  var press_chart = new google.visualization.Gauge(document.getElementById('pressure_gauge'));
  press_chart.draw(press_data, press_options);

}