将谷歌表格加载到仪表板中的谷歌图表答案

【问题标题】：Loading google sheets to google charts in Dashboard将谷歌表格加载到仪表板中的谷歌图表
【发布时间】：2018-03-05 21:06:12
【问题描述】：

我在仪表板上显示 Google 表格信息时遇到了问题。 x 和 y 轴标签显示为 Generalxxx 。数据来自here。

 var laptimeChart = new google.visualization.ChartWrapper({
            'chartType': 'ColumnChart',
            'containerId': 'chart_div',
            'width': '500',
            'height': '500',
            'view': { 'columns': [1,2] }
        });

【问题讨论】：

标签： javascript html dashboard google-sheets-api google-visualization

【解决方案1】：

图表似乎默认使用“常规”格式

要更正，请为每个轴设置一个特定的format...

      options: {
        hAxis: {
          format: '0'
        },
        vAxis: {
          format: '#,##0'
        }
      },

请参阅以下工作 sn-p...

google.charts.load('current', {
  packages: ['controls', 'corechart', 'table']
}).then(function () {
  var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1PlT8k6qXsCkOCEEJFn7apKYgDunLi1Lzmnmo_AKQBXc/edit#gid=0');
  query.send(handleQueryResponse);

  function handleQueryResponse(response) {
    if (response.isError()) {
      console.log('Error: ' + response.getMessage() + ' ' + response.getDetailedMessage());
      return;
    }

    var data = response.getDataTable();

    var control = new google.visualization.ControlWrapper({
      controlType: 'NumberRangeFilter',
      containerId: 'control',
      options: {
        filterColumnIndex: 1,
        ui: {
          format: {
            pattern: '0'
          }
        }
      }
    });

    var chart = new google.visualization.ChartWrapper({
      chartType: 'ColumnChart',
      containerId: 'chart',
      options: {
        hAxis: {
          format: '0'
        },
        vAxis: {
          format: '#,##0'
        }
      },
      view: {
        columns: [1, 2]
      }
    });

    var dashboard = new google.visualization.Dashboard(document.getElementById('dashboard'));
    dashboard.bind(control, chart);
    dashboard.draw(data);
  }
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="dashboard">
  <div id="control"></div>
  <div id="chart"></div>
</div>

【讨论】：

这个问题好运吗？