Google Sheets Annotated Timeline 显示精确值？

Question

我一无所知。我对如何在 y 轴和图表顶部显示精确值进行了一些研究，发现以下内容：

Display exact values?

Determines whether to display a shortened, rounded version of the values on the top of the graph, to save space; false indicates that it may. Click on the pull-down menu to the right to view and choose a value. For example, if set to false, > 56123.45 might be displayed as 56.12k.

我既找不到这样的“下拉菜单”，也找不到任何其他显示精确值而不是四舍五入版本的设置。我知道在外部使用脚本并使用 google 脚本库构建图表时这是可能的，但我的数据在 sheet 内，这意味着我正在使用 Google 驱动器创建图表而不是一个 webstie 和要显示的值大于 1000。我不太重视这一点，直到我意识到当我将鼠标悬停在图表上时，虽然线条上下移动（分别对于更大和更小的值），但显示在顶部的值大多数点的图表是相同的，因为它们因小数点而异。

我尝试将这些值除以 1000 并以十进制形式显示它们，并带有后缀“units (x1000)”，但效果仍然相同，它们是四舍五入到 2 dp。

我还尝试更改包含值的单元格的格式，但没有任何反应。在 Google 驱动器中是否有特定的方式或方法来使用此“显示精确值？”？有没有我错过的设置？如果有任何代码可以更改图表设置以完全显示值，我也愿意使用 google 脚本。

此致问候！

Answer 1

我找到了解决办法。由于无法在 Google Drive 中显示确切的值，或者我不知道也不熟悉的方法，我所做的是使用 google 脚本进行查询，从中提取数据sheet。我在哪里放置这张图表以及如何放置？我使用本地主机在我的计算机上本地显示图表，这是 Google 驱动器的解决方法。我使用了以下代码：

<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 添加到运行查询的部分有点棘手。发布文档后（从右上角完成），您可以从弹出窗口中复制一个 link，这与浏览器中的基本相同，但有这个额外的条件“?usp=sharing” .然后你告诉查询哪个 sheet 去哪个是“gid”部分；将浏览器 link 中的 gid 号码复制到分享 link 中。最后，只需将 &range= 放在末尾，然后是所需的列和行，即可告诉查询 select 的范围。这将创建一个注释图表，默认情况下带有选项 显示精确值 。如果由于某种原因，值仍然四舍五入，您可以添加以下代码：

          var options = {
              displayAnnotations: true
              displayExactValues: true
          };

有关更多文档，请参阅：

https://developers.google.com/chart/interactive/docs/spreadsheets

查询信息

https://developers.google.com/chart/interactive/docs/gallery/annotationchart

有关创建注释图表的信息

Google Sheets Annotated Timeline 显示精确值？

Google Sheets Annotated Timeline display exact values?

javascript

google-visualization

google-sheets

google-apps-script

annotatedtimeline