$(function (){
  google.charts.load('current', {packages: ['corechart', 'line']});
  google.charts.setOnLoadCallback(drawMapUseFromDayChart);

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

function drawMapUseFromDayChart() {
  var dataHeader = [['날짜', '사용량']];
  var chartData = google.visualization.arrayToDataTable(dataHeader.concat(dayMapUseDataList));

  var view = new google.visualization.DataView(chartData);
  view.setColumns([0, 1,
    { calc: "stringify",
      sourceColumn: 1,
      type: "string",
      role: "annotation" }]);

  var options = {
    bar: {groupWidth: "95%"},
    legend: { position: "bottom" },
  };
  var chart = new google.visualization.ColumnChart(document.getElementById("mapUseFromDayChart"));
  chart.draw(view, options);

  /*$.ajax({
    url: "/admin/dayMapUseData",
    type: "GET",
    data:{
      searchStartDate:"2022-02-18",
      searchEndDate:"2022-03-04"
    },
    dataType:"json",
    success : function(data, textStatus, jqXHR) {
      console.log(data);
      // ajax 반환 데이터가 {empty: false}로 나온다. 이유를 모르겠다.
      var dataHeader = [['날짜', '사용량']];
      var chartData = google.visualization.arrayToDataTable(dataHeader.concat(data));
      var options = {
        legend: { position: 'bottom' }
      };
      var chart = new google.visualization.LineChart(document.getElementById('mapUseFromDayChart'));
      chart.draw(chartData, options);
    },
    error: function (request, status, error) {

    }
  });*/
}

function drawAreaDonutChart() {
  var dataHeader = [['지역', '수집 건 수']];
  var data = google.visualization.arrayToDataTable(dataHeader.concat(areaDataList));

  var options = {
    pieHole: 0.4,
  };

  var chart = new google.visualization.PieChart(document.getElementById('areaDonutChart'));
  chart.draw(data, options);
}