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-20',17323210,139,191,null,null],
['2023-10-21',17327037,null,null,null,null],
['2023-10-22',17327037,145,null,null,null],
['2023-10-23',17327037,148,189,null,null],
['2023-10-24',17327037,145,189,null,null],
['2023-10-25',17339377,144,190,null,null],
['2023-10-26',17341277,147,199,null,null],
['2023-10-27',17341277,147,null,null,null],
['2023-10-28',17341277,156,null,null,null],
['2023-10-29',17341277,159,null,null,null],
['2023-10-30',17347718,145,null,null,null],
['2023-10-31',17358384,129,184,null,null],
['2023-11-01',17358384,136,null,null,null],
['2023-11-02',17358384,151,null,null,null],
['2023-11-03',17369375,152,null,null,null],
['2023-11-04',17369375,186,null,null,null],
['2023-11-05',17372551,178,184,null,null],
['2023-11-06',17372551,183,178,null,null],
['2023-11-07',17380634,199,158,null,null],
['2023-11-08',17380634,181,148,null,null],
['2023-11-09',17389199,159,147,null,null],
['2023-11-10',17389199,133,160,null,null],
['2023-11-11',17389199,131,171,null,null],
['2023-11-12',17389199,134,177,null,null],
['2023-11-13',17389199,133,155,null,null],
['2023-11-14',17406476,133,142,null,null],
['2023-11-15',17409775,128,138,null,null],
['2023-11-16',17411309,132,159,null,null],
['2023-11-17',17411309,137,162,null,null],
['2023-11-18',17418429,144,173,null,null],
['2023-11-19',17420626,136,182,null,null],
['2023-11-20',17424130,140,192,null,null],
['2023-11-21',17427396,141,null,null,null],
['2023-11-22',17427396,147,null,null,null],
['2023-11-23',17431197,151,199,null,null],
['2023-11-24',17431197,154,null,null,null],
['2023-11-25',17431268,167,null,null,null],
['2023-11-26',17438300,178,null,null,null],
['2023-11-27',17438300,177,null,null,null],
['2023-11-28',17444406,177,190,null,null],
['2023-11-29',17444406,171,183,null,null],
['2023-11-30',17444406,159,176,null,null],
['2023-12-01',17444406,140,164,null,null],
['2023-12-02',17444406,137,184,null,null],
['2023-12-03',17444406,164,200,null,null],
['2023-12-04',17444406,166,190,null,null],
['2023-12-05',17444406,166,184,null,null],
['2023-12-06',17444406,159,179,null,null],
['2023-12-07',17467685,163,168,null,null],
['2023-12-08',17468855,163,161,null,null],
['2023-12-09',17471520,179,163,null,null],
['2023-12-10',17471520,144,172,null,null],
['2023-12-11',17471520,145,173,null,null],
['2023-12-12',17479179,141,175,null,null],
['2023-12-13',17485305,144,158,null,null],
['2023-12-14',17487160,145,162,null,null],
['2023-12-15',17487160,140,168,null,null],
['2023-12-16',17492722,140,195,null,null],
['2023-12-17',17497715,144,187,null,null],
['2023-12-18',17497715,157,176,null,null],
['2023-12-19',17497715,155,173,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:250}}
    ],
    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)
    }
  });


});