Google chart (web), как добавить линейную линию 45 градусов

Question

Я получил диаграмму рассеяния, которая отлично подходит, и я могу добавить линии тренда, но я не могу найти способ просто добавить 45-градусную линию, которая идет от (0,0) к (1,1) Пример:

Есть ли способ добавить такую ​​строку в диаграмму Google через веб-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>