2017-03-04 129 views
0

當用戶點擊其中一個按鈕「小時」,「日」,「月」時,我想更改會話數據圖表維度。 在那裏我應該把事件處理程序,我的代碼是:按鈕點擊更改谷歌分析數據圖表尺寸

<div class="chart-section"> 
    <div class="filter"> 
     <button id="hourly" class="btn btn- default">Hourly</button> 
      <button id="day" class="btn btn-default">Day</button> 
     <button id="week" class="btn btn-default">Week</button> 
    <button id="month" class="btn btn-default">Month</button> 
</div> 
<section id="timeline"> 

</section> 

var timeline1 = new gapi.analytics.googleCharts.DataChart({ 
     reportType: 'ga', 
     query: { 
      'dimensions': 'ga:date', 
      'metrics': 'ga:sessions', 
      'start-date': '30daysAgo', 
      'end-date': 'yesterday', 
     }, 
     chart: { 
      type: 'LINE', 
      container: 'timeline', 
      options: {width: '100%'} 
     } 
    }); 

回答

0

使用jQuery,我想你可以簡單地使用,例如:

$('#hourly').click(function() { 
    // changes go here 
}); 
+0

好吧,我知道,但如何在點擊按鈕後更改尺寸 –