2014-11-08 4 views
1

Я создал круговую диаграмму с использованием API диаграммы Google, но я не могу контролировать, какие метки данных будут добавлены. Я бы хотел добавить ярлык для каждого фрагмента пирога. Может ли кто-нибудь дать представление о том, как это сделать?Как добавить ярлыки данных в диаграмму 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.

Смежные вопросы