如何将数据标签添加到 Google 图表答案

【问题标题】：How to add data labels to a Google Chart如何将数据标签添加到 Google 图表
【发布时间】：2014-11-08 05:28:43
【问题描述】：

我使用 Google Chart API 创建了一个饼图，但无法控制添加哪些数据标签。我希望能够为每个馅饼片添加一个标签。谁能提供有关如何执行此操作的任何见解？

下面图表的代码：

   <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>

【问题讨论】：

标签： javascript charts google-visualization

【解决方案1】：

由于每个切片中没有足够的空间，看起来你能做的最好的就是添加

 legend: { position: 'labeled' }

你的选择。

例如here。

【讨论】：