在Google Charts上畫一條線ScatterChart

Question

我有一個ScatterChart，我需要繪製一條對角線（函數y = x）作爲視覺輔助。可能嗎 ？如果是這樣，我該怎麼做？

Answer 1

可以使用ComboChart顯示分散和線系列

和DataView爲y=x

看到下面的工作片斷提供的功能...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages:['corechart'] 
 
}); 
 

 
function drawChart() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('number', 'x'); 
 
    data.addColumn('number', 'y0'); 
 
    data.addRows([ 
 
    [1, 37.8], 
 
    [2, 30.9], 
 
    [3, 25.4], 
 
    [4, 11.7], 
 
    [5, 11.9], 
 
    [6, 8.8], 
 
    [7, 7.6], 
 
    [8, 12.3], 
 
    [9, 16.9], 
 
    [10, 12.8], 
 
    [11, 5.3], 
 
    [12, 6.6], 
 
    [13, 4.8], 
 
    [14, 4.2] 
 
    ]); 
 

 
    var view = new google.visualization.DataView(data); 
 
    view.setColumns([0, 1, { 
 
    label: 'y1=x', 
 
    type: 'number', 
 
    calc: function (dt, row) { 
 
     return dt.getValue(row, 0) 
 
    } 
 
    }]); 
 

 
    var options = { 
 
    seriesType: 'scatter', 
 
    series: { 
 
     1: { 
 
     type: 'line' 
 
     } 
 
    } 
 
    }; 
 

 
    var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 
 
    chart.draw(view, options); 
 
}

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