2014-11-08 69 views
1

我已经使用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> 

回答

0

由于没有足够的空间在每一片,看起来就像你能做的最好的就是添加

legend: { position: 'labeled' } 

到你的选择。

示例here