Google Charts에서 선 그리기 ScatterChart

Question

시각적 보조 기능을하는 대각선 (함수 y = x)을 그려야하는 곳에는 스 캐터 차트가 있습니다. 가능한가? 그렇다면 어떻게 할 수 있습니까?

Answer 1

당신은 ...

가 작업 조각 다음을 참조 y=x의 기능을 제공하는 분산 라인 시리즈 '

과 DataView을 모두 표시 할 ComboChart을 사용할 수 있습니다

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>