Javascript 如何向Google图表添加数据标签
我已经使用谷歌图表API创建了一个饼图,但无法控制添加了哪些数据标签。我希望能够为每个馅饼片添加一个标签。有人能提供一些关于如何进行这项工作的见解吗 下表的代码: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",
<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' }
根据你的选择
例如