从 google 可视化类别包装器控件中获取实际值

Question

我在 this fiddle 中有一个示例 google 可视化控件包装器。如何获得控件的实际 selected 值？即，我使用第 1 列绘制控件，当我 select 编辑某些内容时，我想获取第 1 列中的值而不是它的格式化值，就像我 select CPU，警报应为 1。我尝试使用以下代码，它 returns 只有格式化值。

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

Answer 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

从 google 可视化类别包装器控件中获取实际值

get the actual values from google visualization categorywrapper control

javascript

api

jquery

get

google-visualization