google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function(){
  var data = new google.visualization.DataTable();
       data.addColumn('string', '日');
       data.addColumn('number', 'DL数');
       data.addColumn('number', 'Googleセルラン');
       data.addColumn('number', 'iOSセルラン');
       data.addColumn({type:'string', role:'annotation'});
       data.addColumn({type:'string', role:'annotationText'});
       data.addRows([
        ['2023-10-22',1638209416,84,79,null,null],
['2023-10-23',1638209416,87,71,null,null],
['2023-10-24',1640304989,83,78,null,null],
['2023-10-25',1640502167,76,81,null,null],
['2023-10-26',1641398241,73,89,null,null],
['2023-10-27',1641398241,77,103,null,null],
['2023-10-28',1641606241,75,111,null,null],
['2023-10-29',1641964623,80,100,null,null],
['2023-10-30',1641964623,86,87,null,null],
['2023-10-31',1643331003,91,86,null,null],
['2023-11-01',1643946104,92,111,null,null],
['2023-11-02',1644404745,96,156,null,null],
['2023-11-03',1644939270,96,129,null,null],
['2023-11-04',1645526120,111,102,null,null],
['2023-11-05',1645966754,107,79,null,null],
['2023-11-06',1646800408,102,71,null,null],
['2023-11-07',1647205126,94,81,null,null],
['2023-11-08',1647865216,93,87,null,null],
['2023-11-09',1648484073,92,89,null,null],
['2023-11-10',1649038785,77,86,null,null],
['2023-11-11',1649789125,75,101,null,null],
['2023-11-12',1649789125,79,95,null,null],
['2023-11-13',1650448203,82,85,null,null],
['2023-11-14',1651298903,83,87,null,null],
['2023-11-15',1651818554,82,87,null,null],
['2023-11-16',1652293166,78,100,null,null],
['2023-11-17',1653110851,81,108,null,null],
['2023-11-18',1653110851,83,103,null,null],
['2023-11-19',1653317222,85,80,null,null],
['2023-11-20',1653941660,87,75,null,null],
['2023-11-21',1654293096,86,86,null,null],
['2023-11-22',1654959508,84,101,null,null],
['2023-11-23',1655311617,83,118,null,null],
['2023-11-24',1655347516,84,107,null,null],
['2023-11-25',1655347516,86,113,null,null],
['2023-11-26',1655347516,91,105,null,null],
['2023-11-27',1655786185,96,99,null,null],
['2023-11-28',1657943080,95,96,null,null],
['2023-11-29',1658126692,95,94,null,null],
['2023-11-30',1658126692,95,97,null,null],
['2023-12-01',1659419903,96,125,null,null],
['2023-12-02',1659419903,93,175,null,null],
['2023-12-03',1659885136,108,136,null,null],
['2023-12-04',1661014866,120,107,null,null],
['2023-12-05',1661464931,120,114,null,null],
['2023-12-06',1661464931,121,111,null,null],
['2023-12-07',1662373581,121,105,null,null],
['2023-12-08',1662373581,121,113,null,null],
['2023-12-09',1663147384,120,115,null,null],
['2023-12-10',1663147384,99,96,null,null],
['2023-12-11',1663147384,94,90,null,null],
['2023-12-12',1664335795,95,97,null,null],
['2023-12-13',1664719050,92,103,null,null],
['2023-12-14',1665210448,91,108,null,null],
['2023-12-15',1665785541,93,114,null,null],
['2023-12-16',1666237207,95,126,null,null],
['2023-12-17',1666583930,92,113,null,null],
['2023-12-18',1667078959,92,92,null,null],
['2023-12-19',1667658282,93,95,null,null],
['2023-12-20',1667658282,94,99,null,null],
['2023-12-21',1668848125,93,97,null,null]
        ]);
  var options = {
    chartArea: {'width':'85%', 'height':'65%', 'left':60 },
    'pointSize': 3,
    legend: {position: 'top' },
    vAxes:[
      {direction:1},
      {direction:-1,viewWindow:{min:0,max:200}}
    ],
    series: {
      0:{
        type: 'bars',
        color: 'skyblue',
        targetAxisIndex: 0,
      },
      1:{
        type: 'line',
        color: 'seagreen',                
        targetAxisIndex: 1,
      },
      2:{
        type: 'line',
        color: 'red',                
        targetAxisIndex: 1,
      },
    },
    tooltip: { trigger: 'both' },
    focusTarget: 'category',
    colors:['#2980b9','#e74c3c']
  };
  var chart = new google.visualization.ComboChart(document.getElementById('graphField'));
  chart.draw(data, options);
  
  google.visualization.events.addListener(chart, 'click', function() {
    if(chart.getSelection()[0]){
      chart.setSelection(null)
    }
  });


});