我找到了解决方案。由于无法在 Google Drive 中显示确切的值,或者没有我知道或不熟悉的方法,我所做的是我使用 google 脚本进行查询,从工作表中提取数据。我在哪里放置此图表以及如何放置?我使用 localhost 在我的计算机上本地显示图表,这是 Google Drive 的一种解决方法。我使用了以下代码:
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['annotationchart']}]}"></script>
<script type='text/javascript'>
google.load('visualization', '1', {
'packages': ['annotationchart']
});
google.setOnLoadCallback(drawChart);
function drawChart() {
var query = new google.visualization.Query(
'URL&gid=1800788428&range=B:C'); // Note that here the URL stands for the link of the sheet which can be obtained by sharing the document.
query.send(handleQueryResponse);
}
function handleQueryResponse(response) {
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
return;
}
var data = response.getDataTable();
var chart = new google.visualization.AnnotationChart(document.getElementById('chart_div'));
var options = {
displayAnnotations: true
};
chart.draw(data, options);
}
</script>
</head>
<body>
<div id='chart_div' style='width: 900px; height: 500px;'></div>
</body>
</html>
添加 URL 以运行查询的部分有点棘手。发布文档后(从右上角完成),您可以从弹出窗口中复制一个链接,该链接与浏览器中的链接基本相同,但有这个额外的标准“?usp=sharing”。然后你告诉查询哪个表去哪个是“ gid ”部分;将浏览器链接中的gid编号复制到共享链接中。最后,告诉查询选择哪个范围,只需将&range=放在末尾,然后是所需的列和行。这将创建一个注释图表,默认情况下带有选项Display Exact Values。如果由于某种原因,值仍然四舍五入,您可以添加以下代码:
var options = {
displayAnnotations: true
displayExactValues: true
};
有关更多文档,请参阅:
https://developers.google.com/chart/interactive/docs/spreadsheets
https://developers.google.com/chart/interactive/docs/gallery/annotationchart