如何向Google圖表添加數據標籤

我已經使用Google Chart API創建了餅圖，但無法控制要添加的數據標籤。我希望能夠爲每個餡餅片添加一個標籤。任何人都可以提供有關如何去做這件事的任何見解？如何向Google圖表添加數據標籤

代碼如下表：

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Resource', 'Percentage'], 
      ['Video',  517], 
      ['Download',  13], 
      ['Tool',  13], 
      ['Video and Download', 15], 
      ['Video and Tool', 59], 
      ['Download Video and Tool', 5] 
     ]); 

     var options = { 
      title: '', 
     is3D: 'true', 
     colors: ['592C81', '799A3D', '863375', '5B5B5B', '004A97', 'B8BABD' ] 
     }; 

     var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')); 
     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="piechart_3d" style="width: 900px; height: 500px;"></div>

來源

2014-11-08 CRetecki

由於沒有足夠的空間在每一片，看起來就像你能做的最好的就是添加

legend: { position: 'labeled' }

到你的選擇。

示例here。

來源

2014-11-08 17:25:26 Mark

如何向Google圖表添加數據標籤

回答

相關問題