Google控制类别过滤器

Question

Google控件过滤器存在问题。我想知道是否可以将下拉列表中显示的值限制为特定数字，例如：2。目前我有一个包含100个值的选项列表，当我选择下拉列表时，它会扩展我的页面并且看起来不太愉快 - 我想限制值，然后滚动这些值，直到找到正确的值。

我在谷歌文档中找不到任何内容，并希望有人能够帮助我。

请参阅附件链接：Codepen with example

由于选项列表有4个值，我想将其限制为仅显示2个2，如果出现更多值，我希望能够通过滚动功能查看这些值。

非常感谢你的时间，感谢任何帮助！

Answer 1

似乎没有办法通过谷歌方法做到这一点，但你当然可以尝试将其添加到CSS：

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

尝试使用高度玩，直到您只能看到所需的2个项目，其余的将通过滚动显示。希望它有所帮助！

Answer 2

如果您知道要显示的值，可以使用values: option。这是一个例子：

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

您可以将someVariable的值设置为您喜欢的任何值，只要它具有良好的toString()转换。因此，例如，您可以从数据表中拉出一列，并使用循环进行格式化，并仅将您想要的值分配给someVariable作为数组中的条目。

如果您在上面的答案中将它与CSS结合使用，您可以完全控制选项和这些选项的显示。