Загрузка листов Google в диаграммы Google в Dashboard

У меня возникли проблемы с отображением информации о таблицах Google на панели инструментов. Метки осей x и y отображаются как Generalxxx . Данные взяты из здесь .

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

person kjang90gh    schedule 25.09.2017    source источник


Ответы (1)


на диаграмме по умолчанию используется формат "Общий"

чтобы исправить, установите конкретный format для каждой оси...

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

см. следующий рабочий фрагмент...

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>

person WhiteHat    schedule 26.09.2017
comment
повезло с этим вопросом? - person WhiteHat; 01.10.2017