ボタンクリック時のGoogleアナリティクスデータチャートディメンションの変更

Question

「Hourly」、「Day」、「Month」のいずれかのボタンをクリックすると、セッションデータのグラフのディメンションを変更したいと考えています。私は、イベントハンドラを置くべき場所 は、私のコードは次のとおりです。jQueryのを使用して

<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%'} 
     } 
    }); 

Answer 1

、私はたとえば、あなたは、単に使用することができます推測：

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