2014-02-19 54 views
0

我對Google控件過濾器有問題。我想知道是否可以將出現在下拉列表中的值限制爲特定的數字,例如:2。目前我有一個有100個值的選項列表,當我選擇下拉菜單時,它擴展了我的頁面,看起來並不令人愉快 - 我想限制這些值,然後滾動這些值直到找到正確的值。Google控件類別過濾器

我找不到任何關於谷歌文檔,並希望有人能夠幫助我。

請參閱所附鏈接:Codepen with example

因爲它代表的領料單有4個值,我想它限制在僅顯示2項,如果更值出現,我想成爲能夠通過滾動功能查看這些值。

非常感謝你的時間,並感謝任何幫助!

回答

1

似乎沒有成爲一個方式,通過谷歌的方法來做到這一點,但你當然可以嘗試把它添加到CSS:

.charts-menu{ 
overflow-y:scroll; 
height:40px; 
} 

嘗試用高度玩弄,直到你只能看到2你想要的項目,其餘的將通過滾動可用。希望能幫助到你!

-1

如果您知道要顯示哪些值,可以使用values: option。這裏有一個例子:

var siloFilter = new google.visualization.ControlWrapper({ 
      'controlType': 'CategoryFilter', 
      'containerId': 'siloFilter_div', 
      'options': { 
       'filterColumnLabel': 'Silo', 
       'values': someVariable 
      } 
     }); 

您可以設置someVariable的價值是任何你喜歡的,只要它具有良好的toString()翻譯。所以,舉個例子,你可以從你的數據表中取出一列,然後使用一個循環來格式化和分配你想要的變量作爲數組中的條目。

如果在上面的答案中將其與CSS結合使用,則可以完全控制選項和顯示這些選項。