Javascript 如何使用谷歌图表设置完成工作量的百分比
我查阅了所有的文档，但我找不到具体的文档，其中记录了要传递到饼图的数据类型，以显示在考虑饼图是100%的整体时，百分比的哪个部分仍然需要完成 假设我们有以下任务。 1.数据库 2.前端 3.网页设计 数据库已完成45% 前端完成了35% 网页设计完成了60% 我可以将百分比和小数传递到数据表，但当它们传递数字1、3、2等时，我会迷路 我们的目标是让投资者在饼图中看到剩余的工作量，我应该如何通过使用小数或百分比来实现这一点 我可能问得不对，因为如果在100%开始时剩下的工作量不起作用 我是如何根据大约10个切片向投资者展示的，这10个切片占了要做工作的100%，我应该向这种类型的馅饼传递什么数据Javascript 如何使用谷歌图表设置完成工作量的百分比,javascript,charts,google-visualization,pie-chart,Javascript,Charts,Google Visualization,Pie Chart,我查阅了所有的文档，但我找不到具体的文档，其中记录了要传递到饼图的数据类型，以显示在考虑饼图是100%的整体时，百分比的哪个部分仍然需要完成 假设我们有以下任务。 1.数据库 2.前端 3.网页设计 数据库已完成45% 前端完成了35% 网页设计完成了60% 我可以将百分比和小数传递到数据表，但当它们传递数字1、3、2等时，我会迷路 我们的目标是让投资者在饼图中看到剩余的工作量，我应该如何通过使用小数或百分比来实现这一点 我可能问得不对，因为如果在100%开始时剩下的工作量不起作用 我是如何根据
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load("current", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Language', 'Speakers (in millions)'],
['Assamese', 13], ['Bengali', 83], ['Bodo', 1.4],
['Dogri', 2.3], ['Gujarati', 46], ['Hindi', 300],
['Kannada', 38], ['Kashmiri', 5.5], ['Konkani', 5],
['Maithili', 20], ['Malayalam', 33], ['Manipuri', 1.5],
['Marathi', 72], ['Nepali', 2.9], ['Oriya', 33],
['Punjabi', 29], ['Sanskrit', 0.01], ['Santhali', 6.5],
['Sindhi', 2.5], ['Tamil', 61], ['Telugu', 74], ['Urdu', 52]
]);
var options = {
title: 'Indian Language Use',
legend: 'none',
pieSliceText: 'label',
slices: { 4: {offset: 0.2},
12: {offset: 0.3},
14: {offset: 0.4},
15: {offset: 0.5},
},
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="piechart" style="width: 900px; height: 500px;"></div>
</body>
</html>
load（“当前”{packages:[“corechart”]}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘语言’，‘发言者（百万）’，
['Assamese'，13]，'Bengali'，83]，'Bodo'，1.4]，
['Dogri'，2.3]，'Gujarati'，46]，'Hindi'，300]，
[Kannada'，38]，“克什米尔”，5.5]，“Konkani'，5]，
['Maithili'，20]，'Malayalam'，33]，'Manipuri'，1.5]，
['Marathi'，72]，'Nepali'，2.9]，'Oriya'，33]，
[旁遮普语，29]，“梵语”，0.01]，“桑塔利语”，6.5]，
['Sindhi'，2.5]，'Tamil'，61]，'Telugu'，74]，'Urdu'，52]
]);
变量选项={
标题：“印度语使用”，
图例：“无”，
请输入文本：“标签”，
切片：{4:{offset:0.2}，
12:{偏移量：0.3}，
14:{偏移量：0.4}，
15:{偏移量：0.5}，
},
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}
将表示尚未完成工作的变量传递到饼图的数据部分。您可以自己硬编码，或者使用一个通过从总工作量中减去已完成工作量来计算的值 例如 数据库=45 后端=35 网页设计=60 剩余工作量=300-[数据库+后端+网页设计]
您可以在饼图中将其颜色设置为灰色，并将其名称留空。请参阅以下工作片段
google.charts.load（'current'{
回调：函数（）{
图纸（'数据库'，45）；
图纸（“前端”，35）；
图纸（“网页设计”，60）；
},
软件包：['corechart']
});
功能绘图图（任务，完成）{
var data=google.visualization.arrayToDataTable([
['Task'，Task]，
[Complete'，Complete]，
[‘剩余’，100-完成]
]);
变量选项={
标题：任务，
洞：0.3
};
var container=document.body.appendChild（document.createElement（'div'）；
var chart=newgoogle.visualization.PieChart（容器）；
图表绘制（数据、选项）；
}