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',5976778,76,134,null,null], ['2023-10-21',5981161,77,134,null,null], ['2023-10-22',5985504,100,128,null,null], ['2023-10-23',5989889,121,132,null,null], ['2023-10-24',5994272,127,161,null,null], ['2023-10-25',5997784,141,161,null,null], ['2023-10-26',6002825,151,167,null,null], ['2023-10-27',6006109,157,183,null,null], ['2023-10-28',6009728,169,193,null,null], ['2023-10-29',6014059,181,189,null,null], ['2023-10-30',6019654,191,176,null,null], ['2023-10-31',6019654,null,57,null,null], ['2023-11-01',6029611,null,81,null,null], ['2023-11-02',6034211,106,108,null,null], ['2023-11-03',6037280,107,115,null,null], ['2023-11-04',6041712,97,101,null,null], ['2023-11-05',6044969,94,80,null,null], ['2023-11-06',6051779,84,74,null,null], ['2023-11-07',6055754,74,94,null,null], ['2023-11-08',6060288,69,78,null,null], ['2023-11-09',6063589,85,80,null,null], ['2023-11-10',6063589,80,27,null,null], ['2023-11-11',6063589,68,36,null,null], ['2023-11-12',6076564,45,53,null,null], ['2023-11-13',6078836,45,59,null,null], ['2023-11-14',6087788,42,79,null,null], ['2023-11-15',6090133,40,91,null,null], ['2023-11-16',6090133,41,110,null,null], ['2023-11-17',6098820,41,123,null,null], ['2023-11-18',6104739,43,142,null,null], ['2023-11-19',6110370,80,131,null,null], ['2023-11-20',6110370,100,115,null,null], ['2023-11-21',6118782,107,157,null,null], ['2023-11-22',6123288,120,166,null,null], ['2023-11-23',6124652,129,179,null,null], ['2023-11-24',6124652,130,156,null,null], ['2023-11-25',6124765,155,158,null,null], ['2023-11-26',6124765,163,158,null,null], ['2023-11-27',6144210,175,147,null,null], ['2023-11-28',6149020,171,28,null,null], ['2023-11-29',6156735,157,19,null,null], ['2023-11-30',6159454,62,25,null,null], ['2023-12-01',6159454,52,61,null,null], ['2023-12-02',6165277,52,68,null,null], ['2023-12-03',6171207,40,65,null,null], ['2023-12-04',6180727,39,68,null,null], ['2023-12-05',6197716,39,83,null,null], ['2023-12-06',6208947,39,17,null,null], ['2023-12-07',6214636,51,24,null,null], ['2023-12-08',6221632,51,45,null,null], ['2023-12-09',6233304,38,58,null,null], ['2023-12-10',6237381,35,60,null,null], ['2023-12-11',6242090,32,63,null,null], ['2023-12-12',6252351,31,69,null,null], ['2023-12-13',6259107,30,73,null,null], ['2023-12-14',6262242,34,82,null,null], ['2023-12-15',6265260,60,101,null,null], ['2023-12-16',6269445,72,110,null,null], ['2023-12-17',6275819,75,107,null,null], ['2023-12-18',6277998,84,100,null,null], ['2023-12-19',6285591,92,119,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) } }); });