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-28',29484150,73,63,null,null],
['2023-10-29',29484150,74,62,null,null],
['2023-10-30',29494407,57,62,null,null],
['2023-10-31',29494407,58,59,null,null],
['2023-11-01',29498424,54,76,null,null],
['2023-11-02',29498424,53,18,null,null],
['2023-11-03',29498424,53,23,null,null],
['2023-11-04',29505896,19,28,null,null],
['2023-11-05',29508920,17,22,null,null],
['2023-11-06',29508920,14,35,null,null],
['2023-11-07',29516229,15,44,null,null],
['2023-11-08',29517959,15,37,null,null],
['2023-11-09',29520630,15,62,null,null],
['2023-11-10',29524233,26,76,null,null],
['2023-11-11',29527380,34,80,null,null],
['2023-11-12',29531716,48,79,null,null],
['2023-11-13',29534383,74,78,null,null],
['2023-11-14',29538718,77,68,null,null],
['2023-11-15',29540174,66,72,null,null],
['2023-11-16',29543603,68,89,null,null],
['2023-11-17',29544988,69,32,null,null],
['2023-11-18',29544988,63,44,null,null],
['2023-11-19',29551304,54,54,null,null],
['2023-11-20',29554833,56,54,null,null],
['2023-11-21',29561992,53,62,null,null],
['2023-11-22',29564787,52,72,null,null],
['2023-11-23',29565216,51,39,null,null],
['2023-11-24',29565216,49,44,null,null],
['2023-11-25',29565216,56,65,null,null],
['2023-11-26',29565216,62,63,null,null],
['2023-11-27',29573137,65,62,null,null],
['2023-11-28',29578973,65,65,null,null],
['2023-11-29',29578973,62,74,null,null],
['2023-11-30',29578973,60,86,null,null],
['2023-12-01',29578973,61,104,null,null],
['2023-12-02',29578973,59,9,null,null],
['2023-12-03',29596048,15,8,null,null],
['2023-12-04',29600834,12,11,null,null],
['2023-12-05',29604526,11,14,null,null],
['2023-12-06',29607339,10,33,null,null],
['2023-12-07',29611275,8,63,null,null],
['2023-12-08',29614890,7,84,null,null],
['2023-12-09',29618253,7,61,null,null],
['2023-12-10',29619787,19,67,null,null],
['2023-12-11',29627634,29,67,null,null],
['2023-12-12',29627634,46,64,null,null],
['2023-12-13',29627634,82,59,null,null],
['2023-12-14',29627634,77,71,null,null],
['2023-12-15',29627634,75,41,null,null],
['2023-12-16',29642621,63,57,null,null],
['2023-12-17',29642621,64,65,null,null],
['2023-12-18',29642621,63,58,null,null],
['2023-12-19',29650878,59,61,null,null],
['2023-12-20',29654845,59,63,null,null],
['2023-12-21',29658226,61,74,null,null],
['2023-12-22',29662128,61,54,null,null],
['2023-12-23',29662128,60,67,null,null],
['2023-12-24',29662128,61,51,null,null],
['2023-12-25',29662128,64,50,null,null],
['2023-12-26',29662128,64,58,null,null],
['2023-12-27',29689193,62,33,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:150}}
    ],
    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)
    }
  });


});