Question

我很无能为力。我已经做了一些关于如何在y轴和图表顶部显示精确值的研究，并发现了以下内容：

显示确切的值？

确定是否在图形顶部显示缩小的圆形版本的值，以节省空间; false表示可能。单击右侧的下拉菜单查看并选择一个值。例如，如果设置为false，则＆gt; 56123.45可能显示为56.12k。

我既不能找到这样的“下拉菜单”，也不能找到显示精确值而不是圆形版本的任何其他设置。我知道这可以在外部使用脚本并使用谷歌脚本库构建图表，但我的数据在工作表内，这意味着我使用谷歌驱动器创建图表而不是webstie，并且要显示的值大于1000我没那么重要，直到我意识到当我将鼠标悬停在图表上时虽然线条上下移动（分别为更大和更小的值），但是对于大多数点而言，在图表顶部显示的值是相同的，因为它们是相同的以小数表示。

我尝试将值除以1000并以十进制形式显示它们，后缀表示“ units（x1000）”，但效果仍然相同，它们四舍五入为2 dp。

我还尝试更改包含值的单元格的格式，但没有发生任何事情。是否有特定的方法或方法在Google云端硬盘中使用此“显示确切的值？”？有没有我错过的设置？如果有任何代码可以更改图表的设置以完全显示值，我也可以使用谷歌脚本。

最好的问候!!

Answer 1

我找到了解决方案。由于无法在Google云端硬盘中显示确切的值，或者我知道也不熟悉的方法，我所做的是我使用谷歌脚本做一个从工作表中提取数据的查询。我在哪里放置此图表以及如何放置？我使用localhost在我的计算机上本地显示图表，这是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以运行查询的部分有点棘手。一旦您发布文档（从右上角完成），您可以复制弹出窗口中的链接，该链接与浏览器中的链接基本相同，但具有“？usp = sharing”的额外条件。然后你告诉查询哪个工作表去哪个“ gid ”部分;将浏览器链接中的 gid 号码复制到共享链接中。最后，通过简单地在末尾放置＆amp; range = 后跟所需的列和行来告诉查询选择哪个范围。这将创建一个注释图表，默认情况下附带选项显示精确值。如果由于某种原因，值仍然四舍五入，您可以添加以下代码：

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

有关进一步的文档，请参阅：

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

有关查询的信息

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

有关创建注释图表的信息

Google表格带注释的时间轴会显示确切的值吗？

1 个答案: