대시 보드에서 Google 차트에 Google 시트로드

Question

대시 보드에 Google 시트 정보를 표시하는 데 문제가 있습니다. x 축 및 y 축 레이블은 Generalxxx처럼 표시됩니다. 데이터는 here입니다.

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

Answer 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>