从 google 可视化 categorywrapper 控件中获取实际值

【问题标题】：get the actual values from google visualization categorywrapper control从 google 可视化 categorywrapper 控件中获取实际值
【发布时间】：2015-06-12 02:32:45
【问题描述】：

我在this fiddle 中有一个示例 google 可视化 controlwrapper。如何获得控件的实际选定值？即，我使用第 1 列绘制控件，当我选择某些内容时，我想获取第 1 列中的值而不是其格式化值，例如如果我选择 CPU，则警报应为 1。我尝试了以下代码，它只返回格式化的值。

google.visualization.events.addListener(chart, 'ready', function () {
         if (control.getState().selectedValues.length > 0) {
             alert(control.getState().selectedValues);
         }    
     });

【问题讨论】：

标签： javascript jquery api get google-visualization

【解决方案1】：

您可以找到选定的行值，如下所示：

google.visualization.events.addListener(chart, 'ready', function () {

     var selectedVals = control.getState().selectedValues;
     var dt = control.getDataTable();
     var selectedIds = getFilteredValues(dt,selectedVals);        
     alert(selectedIds);
});

在哪里

function getFilteredValues(dataTable,values){
    var result = []; 
    for(i = 0; i< dataTable.getNumberOfRows();i++){
        var curVal = dataTable.getValue(i,0); 
        if(values.indexOf(curVal) > -1){
            var curId = dataTable.getValue(i,1);
            result.push(curId);
        }        
     }
     return result;
}

示例：JSFiddle

【讨论】：