如何将 url 参数值传递到 Google 可视化中的字符串过滤器输入

Question

你好我被困在将 URL 参数值传递到 Google 中的字符串过滤器输入 visualization.i 想在报告准备好时传递 url 参数而不是用户类型并从 table.

过滤数据

例如：http//mypage?id=1234

var fteFilter = new google.visualization.ControlWrapper({ 
    'controlType': 'StringFilter', 
    'containerId': 'control_div8', 
    'options': {           
      'filterColumnLabel': 'FTE Id' ,
      'matchType':'any',
      'ui': { 
          'labelStacking': 'vertical',
          'label': 'FTE Id :'
        }
    } 

  });

Answer 1

要获取查询参数，请使用代码（或您喜欢的其他代码）：

function getQueryVariable(variable) {
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

https://css-tricks.com/snippets/javascript/get-url-variables/

将状态值添加到您的过滤器。

var id = getQueryVariable('id'));

var fteFilter = new google.visualization.ControlWrapper({ 
    'controlType': 'StringFilter', 
    'containerId': 'control_fteFilter', 

    'options': {           
      'filterColumnLabel': 'FTE Id' ,          
      'matchType':'any',
      'ui': {     
          'labelStacking': 'vertical',
          'label': 'FTE Id :'    
        }
    },
    state: {
        value: id
    }    
  });

将 selectedValues 数组用于 CategoryFilter。

state: {
    selectedValues: [id]
}

如何将 url 参数值传递到 Google 可视化中的字符串过滤器输入

How to pass url parameter value into string filter input in Google visualization

google-visualization