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-01-06',null,183,null,null,null], ['2024-01-07',null,null,null,null,null], ['2024-01-08',461143,null,null,null,null], ['2024-01-09',461143,null,null,null,null], ['2024-01-10',461143,null,null,null,null], ['2024-01-11',461143,null,null,null,null], ['2024-01-12',461143,null,null,null,null], ['2024-01-13',461143,null,null,null,null], ['2024-01-14',461143,null,null,null,null], ['2024-01-15',461143,null,null,null,null], ['2024-01-16',461143,null,null,null,null], ['2024-01-17',461143,null,null,null,null], ['2024-01-18',461667,null,null,null,null], ['2024-01-19',461691,null,null,null,null], ['2024-01-20',461692,null,null,null,null], ['2024-01-21',461692,null,null,null,null], ['2024-01-22',461692,null,null,null,null], ['2024-01-23',461692,null,null,null,null], ['2024-01-24',461692,null,null,null,null], ['2024-01-25',461692,null,null,null,null], ['2024-01-26',461764,null,null,null,null], ['2024-01-27',461764,null,143,null,null], ['2024-01-28',461764,null,196,null,null], ['2024-01-29',461764,null,null,null,null], ['2024-01-30',461809,null,null,null,null], ['2024-01-31',461809,null,null,null,null], ['2024-02-01',461861,null,null,null,null], ['2024-02-02',461877,null,null,null,null], ['2024-02-03',461894,null,null,null,null], ['2024-02-04',461919,192,null,null,null], ['2024-02-05',461934,null,null,null,null], ['2024-02-06',461960,null,null,null,null], ['2024-02-07',461974,null,null,null,null], ['2024-02-08',461989,null,null,null,null], ['2024-02-09',462001,null,null,null,null], ['2024-02-10',462034,null,null,null,null], ['2024-02-11',462049,null,null,null,null], ['2024-02-12',462068,null,null,null,null], ['2024-02-13',462086,null,null,null,null], ['2024-02-14',462117,null,null,null,null], ['2024-02-15',462140,null,189,null,null], ['2024-02-16',462160,null,null,null,null], ['2024-02-17',462160,null,null,null,null], ['2024-02-18',462172,null,189,null,null], ['2024-02-19',462196,199,null,null,null], ['2024-02-20',462211,191,null,null,null], ['2024-02-21',462220,193,null,null,null], ['2024-02-22',462239,197,null,null,null], ['2024-02-23',462267,null,null,null,null], ['2024-02-24',462274,null,null,null,null], ['2024-02-25',462285,183,null,null,null], ['2024-02-26',462303,null,null,null,null], ['2024-02-27',462315,null,null,null,null], ['2024-02-28',462346,null,137,null,null], ['2024-02-29',462412,null,148,null,null], ['2024-03-01',462436,138,null,null,null], ['2024-03-02',462436,138,null,null,null], ['2024-03-03',462456,143,null,null,null], ['2024-03-04',462531,136,null,null,null], ['2024-03-05',462531,130,null,null,null], ['2024-03-06',462568,128,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) } }); });