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([
        ['2024-03-17',369580700,123,66,null,null],
['2024-03-18',369813382,134,67,null,null],
['2024-03-19',370283424,140,74,null,null],
['2024-03-20',370390822,152,62,null,null],
['2024-03-21',370773569,156,65,null,null],
['2024-03-22',371207878,156,68,null,null],
['2024-03-23',371418320,156,61,null,null],
['2024-03-24',371919277,193,54,null,null],
['2024-03-25',372204631,193,52,null,null],
['2024-03-26',372880626,193,49,null,null],
['2024-03-27',372880626,160,51,null,null],
['2024-03-28',374073244,160,34,null,null],
['2024-03-29',374082957,147,45,null,null],
['2024-03-30',374082957,134,53,null,null],
['2024-03-31',374082957,133,55,null,null],
['2024-04-01',374082957,133,45,null,null],
['2024-04-02',374082957,133,51,null,null],
['2024-04-03',376064943,133,63,null,null],
['2024-04-04',376333589,144,72,null,null],
['2024-04-05',376477303,156,16,null,null],
['2024-04-06',376979611,156,14,null,null],
['2024-04-07',377324533,156,24,null,null],
['2024-04-08',377638916,null,31,null,null],
['2024-04-09',377888517,108,32,null,null],
['2024-04-10',378321752,93,44,null,null],
['2024-04-11',378686068,88,56,null,null],
['2024-04-12',378853280,82,54,null,null],
['2024-04-13',379364200,82,58,null,null],
['2024-04-14',379364200,118,57,null,null],
['2024-04-15',380011226,118,49,null,null],
['2024-04-16',380344793,139,42,null,null],
['2024-04-17',380646281,152,44,null,null],
['2024-04-18',381188683,151,36,null,null],
['2024-04-19',381468166,146,44,null,null],
['2024-04-20',381720547,135,60,null,null],
['2024-04-21',382000756,134,52,null,null],
['2024-04-22',382000756,138,49,null,null],
['2024-04-23',382410184,141,57,null,null],
['2024-04-24',382410184,143,52,null,null],
['2024-04-25',383119679,141,25,null,null],
['2024-04-26',383550311,126,40,null,null],
['2024-04-27',383825161,128,51,null,null],
['2024-04-28',384091394,134,52,null,null],
['2024-04-29',384599644,124,52,null,null],
['2024-04-30',385195375,128,36,null,null],
['2024-05-01',385346600,126,33,null,null],
['2024-05-02',385346600,110,37,null,null],
['2024-05-03',386228519,134,19,null,null],
['2024-05-04',386424011,129,18,null,null],
['2024-05-05',386954760,102,23,null,null],
['2024-05-06',387551699,100,27,null,null],
['2024-05-07',388350615,88,32,null,null],
['2024-05-08',388350615,86,34,null,null],
['2024-05-09',388830073,90,49,null,null],
['2024-05-10',389272943,80,55,null,null],
['2024-05-11',389611128,79,36,null,null],
['2024-05-12',389975864,103,34,null,null],
['2024-05-13',390265585,103,35,null,null],
['2024-05-14',391016075,105,43,null,null],
['2024-05-15',391452872,105,51,null,null],
['2024-05-16',391935851,111,50,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)
    }
  });


});