Google 차트에 라벨이있는 분산 형 차트를 그리는 방법은 무엇입니까?

Question

이 Google 차트를 spreadsheet에서보십시오.

툴팁이 아닌 차트에이 이름을 그리는 방법은 무엇입니까? Google 차트에 제공된 데이터 또는 옵션을 변경해야합니까?

확인할 수 있습니다. plunker. 예를 들어 다음과 같은

var chart2 = {}; 
chart2.type = "ScatterChart"; 
chart2.cssStyle = "height:400px; width:500px;"; 
chart2.data = [ 
     ['Age', 'Weight'], 
     [ {'v':8,'f':'Name 1'},  -12], 
     [ {'v':-4,'f':'Name 2'},  5.5], 
     [ {'v':11,'f':'Name 3'},  14], 
     [ {'v':-4,'f':'Name 4'},  -5], 
     [ {'v':3,'f':'Name 5'},  3.5], 
     [ {'v':6.5,'f':'Name 6'}, -7] 
    ]; 

chart2.options = { 
    "title": "Age Vs Maturity", 
    "isStacked": "true", 
    "fill": 20, 
    "hAxis": {"title": "Age", minValue: -15, maxValue: 15}, 
    "vAxis": {"title": "Maturity", minValue: -15, maxValue: 15}, 
    "legend": 'none' 
}; 

$scope.chart2 = chart2; 

Answer 1

당신이 분산 형 차트에 레이블을 추가 할 주석 열을 사용할 수 있습니다 ...

볼 ...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Age', 'Weight', {role: 'annotation'}], 
 
     [ 8,  12, 'Point 1'], 
 
     [ 1,  5.5, 'Point 2'], 
 
     [ 11,  14, 'Point 3'], 
 
     [ 4,  5, 'Point 4'], 
 
     [ 3,  3.5, 'Point 5'], 
 
     [ 6.5, 7, 'Point 6'] 
 
    ]); 
 

 
    var options = { 
 
     title: 'Age vs. Weight comparison', 
 
     hAxis: {title: 'Age', minValue: 0, maxValue: 15}, 
 
     vAxis: {title: 'Weight', minValue: 0, maxValue: 15}, 
 
     legend: 'none' 
 
    }; 
 

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

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