簡體   English   中英

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

[英]How to add data labels to a Google Chart

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

由於每個切片中沒有足夠的空間,因此看起來最好的方法是添加

 legend: { position: 'labeled' }

您的選擇。

這里的例子。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM