向Google組合圖添加折線

Question

我有一個組合圖在x軸上顯示員工的姓名和他們休假的天數，我想在圖表中添加一條線以顯示他們可以休假的最大休假天數。如​​何手動添加20進入圖表下面是我的代碼

 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawVisualization); function drawVisualization() { // Some raw data (not necessarily accurate) var data = google.visualization.arrayToDataTable([ ['Employee', 'Holiday Days Taken'], <?php while($row=$res->fetch_assoc()) { echo "['".$row["name"]."',".$row["Holidays_taken"]."],"; } ?> ]); data.addColumn('number', 'Average'); data.addRows([ [null, null, 20] ]); var options = { title : 'Monthly Coffee Production by Country', vAxis: {title: 'No. of Holidays Taken'}, hAxis: {title: 'Employee'}, seriesType: 'bars', series: {5: {type: 'line'}} }; var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> 

任何幫助，將不勝感激，謝謝！

Answer 1

在組合圖中添加一條線，
向數據表添加另一列以獲取最大
然后將最大值添加到每一行...

var data = google.visualization.arrayToDataTable([
  ['Employee', 'Holiday Days Taken', 'Max'],
  ['Jim', 5, 12],
  ['Bob', 3, 12],
  ['Tom', 6, 12],
]);

在圖表選項中，將最大的系列類型更改為折線。
系列號是數據表中y軸列的從零開始的索引。
在這種情況下，有兩個y軸列，
所以序列號是1 ...

series: {1: {type: 'line'}}

請參閱以下工作片段...

 google.charts.load('current', { packages: ['corechart'] }).then(function () { var data = google.visualization.arrayToDataTable([ ['Employee', 'Holiday Days Taken', 'Max'], ['Jim', 5, 12], ['Bob', 3, 12], ['Tom', 6, 12], ]); var options = { title : 'Monthly Coffee Production by Country', vAxis: {title: 'No. of Holidays Taken'}, hAxis: {title: 'Employee'}, seriesType: 'bars', series: {1: {type: 'line'}} }; var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); chart.draw(data, options); }); 

 <script src="https://www.gstatic.com/charts/loader.js"></script> <div id="chart_div"></div>