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-26',4099710,null,null,null,null], ['2024-03-27',4099710,null,null,null,null], ['2024-03-28',4099710,null,120,null,null], ['2024-03-29',4100448,null,169,null,null], ['2024-03-30',4100448,null,null,null,null], ['2024-03-31',4100448,null,null,null,null], ['2024-04-01',4100448,null,null,null,null], ['2024-04-02',4100448,null,95,null,null], ['2024-04-03',4101867,null,89,null,null], ['2024-04-04',4102109,null,83,null,null], ['2024-04-05',4102300,null,80,null,null], ['2024-04-06',4102529,null,106,null,null], ['2024-04-07',4102760,null,150,null,null], ['2024-04-08',4102924,null,null,null,null], ['2024-04-09',4102924,162,null,null,null], ['2024-04-10',4103162,160,null,null,null], ['2024-04-11',4103162,172,119,null,null], ['2024-04-12',4103571,173,175,null,null], ['2024-04-13',4103817,173,133,null,null], ['2024-04-14',4103977,194,167,null,null], ['2024-04-15',4104259,194,59,null,null], ['2024-04-16',4104526,194,70,null,null], ['2024-04-17',4104684,130,98,null,null], ['2024-04-18',4105058,121,142,null,null], ['2024-04-19',4105412,125,168,null,null], ['2024-04-20',4105726,129,55,null,null], ['2024-04-21',4106463,111,76,null,null], ['2024-04-22',4108987,101,103,null,null], ['2024-04-23',4109517,105,143,null,null], ['2024-04-24',4109517,113,128,null,null], ['2024-04-25',4111229,119,150,null,null], ['2024-04-26',4111229,120,null,null,null], ['2024-04-27',4112101,125,141,null,null], ['2024-04-28',4112546,159,131,null,null], ['2024-04-29',4112546,183,148,null,null], ['2024-04-30',4112546,194,176,null,null], ['2024-05-01',4113250,190,null,null,null], ['2024-05-02',4113250,199,28,null,null], ['2024-05-03',4113812,94,41,null,null], ['2024-05-04',4114018,81,50,null,null], ['2024-05-05',4114364,71,57,null,null], ['2024-05-06',4114600,67,65,null,null], ['2024-05-07',4114790,63,120,null,null], ['2024-05-08',4115114,62,164,null,null], ['2024-05-09',4115464,63,null,null,null], ['2024-05-10',4115464,88,null,null,null], ['2024-05-11',4115551,115,166,null,null], ['2024-05-12',4115772,138,null,null,null], ['2024-05-13',4115949,172,null,null,null], ['2024-05-14',4116133,null,null,null,null], ['2024-05-15',4116241,null,71,null,null], ['2024-05-16',4116330,null,88,null,null], ['2024-05-17',4116481,177,134,null,null], ['2024-05-18',4116636,161,174,null,null], ['2024-05-19',4116636,169,177,null,null], ['2024-05-20',4117001,169,108,null,null], ['2024-05-21',4117238,154,152,null,null], ['2024-05-22',4117445,145,182,null,null], ['2024-05-23',4117641,160,null,null,null], ['2024-05-24',4117737,183,null,null,null], ['2024-05-25',4117918,null,null,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) } }); });