Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何向Google图表添加数据标签_Javascript_Charts_Google Visualization - Fatal编程技术网

Javascript 如何向Google图表添加数据标签

Javascript 如何向Google图表添加数据标签,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我已经使用谷歌图表API创建了一个饼图,但无法控制添加了哪些数据标签。我希望能够为每个馅饼片添加一个标签。有人能提供一些关于如何进行这项工作的见解吗 下表的代码: <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization",

我已经使用谷歌图表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>

load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“资源”,“百分比”],
[Video',517],
[Download',13],
[Tool',13],
[“视频和下载”,15],
[“视频和工具”,59],
[“下载视频和工具”,5]
]);
变量选项={
标题:“”,
is3D:'正确',
颜色:['592C81','799A3D','863375','5B','004A97','B8BADB']
};
var chart=new google.visualization.PieChart(document.getElementById('PieChart_3d');
图表绘制(数据、选项);
}

由于每个切片中没有足够的空间,看起来您最好添加

 legend: { position: 'labeled' }
根据你的选择

例如