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-01',47837434,68,45,null,null],
['2023-10-02',47853378,68,37,null,null],
['2023-10-03',47869629,69,36,null,null],
['2023-10-04',47892822,69,41,null,null],
['2023-10-05',47911660,65,42,null,null],
['2023-10-06',47926992,65,49,null,null],
['2023-10-07',47962969,62,42,null,null],
['2023-10-08',47973136,59,42,null,null],
['2023-10-09',47994957,61,33,null,null],
['2023-10-10',48018306,60,31,null,null],
['2023-10-11',48034022,63,35,null,null],
['2023-10-12',48060583,61,38,null,null],
['2023-10-13',48077686,60,45,null,null],
['2023-10-14',48077686,60,37,null,null],
['2023-10-15',48089749,57,39,null,null],
['2023-10-16',48116606,51,38,null,null],
['2023-10-17',48130680,51,34,null,null],
['2023-10-18',48161142,54,29,null,null],
['2023-10-19',48173101,51,35,null,null],
['2023-10-20',48195546,51,40,null,null],
['2023-10-21',48213687,51,41,null,null],
['2023-10-22',48213687,54,41,null,null],
['2023-10-23',48213687,57,36,null,null],
['2023-10-24',48256323,60,29,null,null],
['2023-10-25',48294258,59,25,null,null],
['2023-10-26',48310859,57,39,null,null],
['2023-10-27',48328457,61,56,null,null],
['2023-10-28',48344614,61,48,null,null],
['2023-10-29',48344614,64,40,null,null],
['2023-10-30',48392512,63,32,null,null],
['2023-10-31',48410376,65,37,null,null],
['2023-11-01',48429944,70,50,null,null],
['2023-11-02',48452100,76,53,null,null],
['2023-11-03',48469119,77,47,null,null],
['2023-11-04',48486299,84,32,null,null],
['2023-11-05',48486299,73,26,null,null],
['2023-11-06',48503386,61,29,null,null],
['2023-11-07',48520739,59,31,null,null],
['2023-11-08',48543016,59,34,null,null],
['2023-11-09',48558000,58,45,null,null],
['2023-11-10',48587222,49,45,null,null],
['2023-11-11',48602933,48,51,null,null],
['2023-11-12',48615441,49,48,null,null],
['2023-11-13',48639122,58,45,null,null],
['2023-11-14',48673184,58,36,null,null],
['2023-11-15',48677092,65,30,null,null],
['2023-11-16',48697368,60,32,null,null],
['2023-11-17',48740642,59,33,null,null],
['2023-11-18',48747351,62,37,null,null],
['2023-11-19',48754181,63,37,null,null],
['2023-11-20',48807128,61,38,null,null],
['2023-11-21',48831355,60,31,null,null],
['2023-11-22',48840431,59,31,null,null],
['2023-11-23',48845048,55,42,null,null],
['2023-11-24',48847200,56,39,null,null],
['2023-11-25',48847200,60,36,null,null],
['2023-11-26',48864875,63,34,null,null],
['2023-11-27',48864875,66,37,null,null],
['2023-11-28',48962814,64,32,null,null],
['2023-11-29',48986757,64,31,null,null],
['2023-11-30',48986757,61,30,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:100}}
    ],
    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)
    }
  });


});