谷歌圖表：爲什麼我會得到兩個選擇事件時，我有動畫打開

Question

我附加選擇事件圖表 - 柱狀圖和餅狀圖

當我打開動畫，我得到從柱狀圖中爲單個列選擇操作選擇事件（但只有一個，正確的，來自餅圖，沒有生成動畫）。

對於柱狀圖，第一個事件返回正確的選擇數據[{column:1, row:1}]，但第二個事件返回一個空數組。

動畫關閉（註釋掉）我得到正確的響應，即只有一個事件，當用戶選擇一列。

有沒有人看到這個？我該怎麼辦？我還沒有發現任何讓我甚至可以區分事件是否出現在動畫中的價值，或者至少過濾出流氓第二事件的其他邏輯方法。顯然，我想在動畫開啓時抑制不正確的第二個事件。

這裏的動畫規格：

let options = { 
    animation:{ 
     startup: true, 
     duration: 500, 
     easing: 'out', 
    }, 

Answer 1

的'select'事件上的ColumnChart似乎在這裏工作的罰款動畫，
看到下面的工作片段...

有更多可以分享？
您是直接創建圖表還是使用ChartWrapper類？
你正在使用哪個軟件包，'corechart'？

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('timeofday', 'Time of Day'); 
 
    data.addColumn('number', 'Motivation Level'); 
 
    data.addColumn('number', 'Energy Level'); 
 
    data.addRows([ 
 
     [{v: [8, 0, 0], f: '8 am'}, 1, .25], 
 
     [{v: [9, 0, 0], f: '9 am'}, 2, .5], 
 
     [{v: [10, 0, 0], f:'10 am'}, 3, 1], 
 
     [{v: [11, 0, 0], f: '11 am'}, 4, 2.25], 
 
     [{v: [12, 0, 0], f: '12 pm'}, 5, 2.25], 
 
     [{v: [13, 0, 0], f: '1 pm'}, 6, 3], 
 
     [{v: [14, 0, 0], f: '2 pm'}, 7, 4], 
 
     [{v: [15, 0, 0], f: '3 pm'}, 8, 5.25], 
 
     [{v: [16, 0, 0], f: '4 pm'}, 9, 7.5], 
 
     [{v: [17, 0, 0], f: '5 pm'}, 10, 10], 
 
    ]); 
 

 
    var view = new google.visualization.DataView(data); 
 
    view.setColumns([{sourceColumn:0, type: 'string', calc: 'stringify'}, 1]); 
 

 
    var options = { 
 
     animation:{ 
 
     startup: true, 
 
     duration: 500, 
 
     easing: 'out', 
 
     }, 
 
     hAxis: { 
 
     title: 'Time of Day', 
 
     format: 'h:mm a', 
 
     viewWindow: { 
 
      min: [7, 30, 0], 
 
      max: [17, 30, 0] 
 
     } 
 
     }, 
 
     isStacked: true, 
 
     title: 'Motivation and Energy Level Throughout the Day', 
 
     vAxis: { 
 
     title: 'Rating (scale of 1-10)' 
 
     } 
 
    }; 
 

 
    var chartCol = new google.visualization.ColumnChart(document.getElementById('column_div')); 
 
    var chartPie = new google.visualization.PieChart(document.getElementById('pie_div')); 
 

 
    google.visualization.events.addListener(chartCol, 'select', function() { 
 
    \t showSelection(chartCol); 
 
    }); 
 
    google.visualization.events.addListener(chartPie, 'select', function() { 
 
    \t showSelection(chartPie); 
 
    }); 
 
    
 
    function showSelection(sender) { 
 
     document.getElementById('msg_div').innerHTML += (new Date()).getTime() + ' -- ' + JSON.stringify(sender.getSelection()) + '<br/>';  
 
    } 
 

 
    chartCol.draw(data, options); 
 
    chartPie.draw(view, { 
 
    \t legend: 'none', 
 
     theme: 'maximized' 
 
    }); 
 
    }, 
 
    packages: ['corechart'] 
 
});

div { 
 
    padding: 6px 6px 6px 6px; 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="column_div"></div> 
 
<div id="pie_div"></div> 
 
<div id="msg_div"></div>