谷歌圖表（網絡）如何添加線性45度線

Question

我得到了散點圖，這是非常好的，我可以添加趨勢線，但我無法找到一種方法只是添加45度線從（ 0,0）到（1,1）下面的示例圖片：

是否有任何方式通過它的web API向谷歌圖表添加這樣一行？

Answer 1

使用ComboChart兩個系列 - 散射和線

只需要兩個數據，使用null其中的行不重合

看到下面的工作片段...

google.charts.load('current', { 
 
    callback: function() { 
 
    var dataTable = new google.visualization.DataTable({ 
 
     cols: [ 
 
     {label: 'X', type: 'number'}, 
 
     {label: 'Y', type: 'number'}, 
 
     {label: 'Line', type: 'number'}, 
 
     ], 
 
     rows: [ 
 
     {c:[{v: 3}, {v: 3.5}, null]}, 
 
     {c:[{v: 4}, {v: 5.5}, null]}, 
 
     {c:[{v: 4}, {v: 5}, null]}, 
 
     {c:[{v: 6.5}, {v: 7}, null]}, 
 
     {c:[{v: 8}, {v: 12}, null]}, 
 
     {c:[{v: 11}, {v: 14}, null]}, 
 
     // add line 
 
     {c:[{v: 0}, null, {v: 0}]}, 
 
     {c:[{v: 20}, null, {v: 20}]}, 
 
     ] 
 
    }); 
 

 
    var options = { 
 
     legend: 'none', 
 
     hAxis: { 
 
     ticks: [0, 5, 10, 15, 20] 
 
     }, 
 
     height: 400, 
 
     series: { 
 
     // line 
 
     1: { 
 
      type: 'line', 
 
      visibleInLegend: false 
 
     }, 
 
     }, 
 
     seriesType: 'scatter', 
 
     vAxis: { 
 
     ticks: [0, 5, 10, 15, 20] 
 
     } 
 
    }; 
 

 
    var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 
 
    chart.draw(dataTable, options); 
 
    }, 
 
    packages:['corechart'] 
 
});

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