//圓餅圖 google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['公司', '分店數'], ['BI公司', 490], ['對手A', 420], ['對手B', 370], ['對手C', 530], ['對手D', 380], ['對手E', 310], ]); var options = { title: 'A-E公司分店數與市占率', subtitle: '總分店數2500', is3D: true, }; var chart = new google.visualization.PieChart(document.getElementById('piechart')); chart.draw(data, options); } //直條圖, 未呈現市占率 google.charts.load('current', {packages: ['corechart', 'bar']}); google.charts.setOnLoadCallback(drawAxisTickColors); function drawAxisTickColors() { var data = google.visualization.arrayToDataTable([ //['公司', '分店數', '市佔率'], //['BI公司', 490, 19.6], //['對手A', 420, 16.8], //['對手B', 370, 14.8], //['對手C', 530,21.2], //['對手D', 380,15.2], //['對手E', 310,12.4 ] ['分店數', 'BI公司', '對手A','對手B','對手C','對手D','對手E'], ['BI公司', 490, 0,0,0,0,0], ['對手A', 0, 420,0,0,0,0], ['對手B', 0, 0,370,0,0,0], ['對手C', 0, 0,0,530,0,0], ['對手D', 0, 0,0,0,380,0], ['對手E', 0, 0,0,0,0,310], ['分店數', 490, 420,370,530,380,310], ]); var options = { width: 600, height: 400, legend: { position: 'top', maxLines: 3 }, hAxis: { maxValue: 2500, ticks: [0, 500, 1000, 1500, 2000, 2500] }, bar: { groupWidth: '50%' }, isStacked: true }; var chart = new google.visualization.BarChart(document.getElementById('chart_div')); chart.draw(data, options); }