如何在任何選擇方向上將Google可視化類別過濾器與所有過濾器綁定？

我有三個類別的過濾器，順時針方向的下拉選擇綁定。現在我需要將它綁定到任何方向。這意味着，如果我選擇任何下拉列表，其他2個下拉列表應該過濾它們的值。如何在任何選擇方向上將Google可視化類別過濾器與所有過濾器綁定？

代碼適用於順時針方向：

var cblAnalyst = new google.visualization.ControlWrapper(
    { 
     'controlType': 'CategoryFilter', 
     'containerId': 'cblAnalyst', 
     'options': { 
      'filterColumnIndex': '0', 'ui': { 
       'label': '', 'labelSeparator': ':', 'labelStacking': 'horizontal', 'allowTyping': false, 'allowNone': true, 'allowMultiple': false 
      } 
     } 
    }); 

    var cblAdvocate = new google.visualization.ControlWrapper(
    { 
     'controlType': 'CategoryFilter', 
     'containerId': 'cblAdvocate', 
     'options': { 
      'filterColumnIndex': '1', 
      'ui': { 'label': '', 'labelSeparator': ':', 'labelStacking': 'horizontal', 'allowTyping': false, 'allowNone': true, 'allowMultiple': false } 
     } 
    }); 

    var cblProductNames = new google.visualization.ControlWrapper(
    { 
     'controlType': 'CategoryFilter', 
     'containerId': 'cblProductNames', 
     'options': { 
      'filterColumnIndex': '7', 
      'ui': { 'label': '', 'labelSeparator': ':', 'labelStacking': 'horizontal', 'allowTyping': false, 'allowNone': true, 'allowMultiple': false } 
     } 
    }); 

    var tblSearchFilters = new google.visualization.ChartWrapper({ 
     'chartType': 'Table', 
     'containerId': 'tblSearchFilters', 
     'options': { 
      'allowHtml': true, 'showRowNumber': true, 'page': 'enable', 'pageSize': 10, 
      width: '100%' 
     } 
    }); 

    new google.visualization.Dashboard(document.getElementById('dashboard')) 
     .bind(cblAnalyst, cblAdvocate) 
     .bind(cblAdvocate, cblProductNames) 
     .bind(cblProductNames, tblSearchFilters) 
     .draw(dtSearchFilters);

類別篩選得出：

解決方案尋找：

我守當我選擇產品時，ld能夠過濾Analyst和Advocate。

編輯：

樣本數據：

Filter 1 Filter 2 Filter 3 (Apply filter here) 
AN - 1 AD - 1 PD - 1 
AN - 1 AD - 1 PD - 2 
AN - 1 AD - 2 PD - 3 
AN - 2 AD - 3 PD - 4 
AN - 2 AD - 4 PD - 5

這個複製到Excel電子表格，並按照規定申請過濾器..

來源

2016-11-29 y_r_k

的問題很難不工作的例子就明白

典型地，當綁定multip如果選擇了產品勒控制對同一圖表上，
需要

new google.visualization.Dashboard(document.getElementById('dashboard')) 
    .bind([cblAnalyst, cblAdvocate, cblProductNames], tblSearchFilters) 
    .draw(dtSearchFilters);

這只是一個bind通話將保留所有的過濾器同步與表

例如，，
僅剩下分析師和倡導者與該產品相關的將在過濾器可

來源

2016-11-29 13:27:35 WhiteHat

非常感謝您的解決方案。我嘗試過這個。但沒有運氣。儘管我選擇了產品，但我仍然可以在剩餘的過濾器中看到其他選項。 –

它更像是excel過濾功能。我可以通過電子表格中的任何列進行過濾，這裏也適用類似的情況。按產品過濾應過濾其他兩個，並應爲其他過濾器重複相同的功能。 –

根本不要關注，你會分享一個數據樣本嗎？ – WhiteHat

如何在任何選擇方向上將Google可視化類別過濾器與所有過濾器綁定？

回答

相關問題