如何更改 Google 图表类别过滤器中下拉框的高度

Question

我有一个带有各种过滤器的谷歌图表仪表板。 其中一个过滤器有 300 个选项。

当我单击过滤器时，下拉列表框会扩展到数据表的维度之外。

有谁知道我可以应用高度属性的类，以便我在下拉框中获得滚动条。

我

试图检查元素，我认为我最好的镜头是类.goog-menu goog-menu-vertical

但这似乎并不影响它

我已经在包装器的选项中启用了"allowHTML" - 只需要知道一个类....

谢谢

Answer 1

我可能已经在Google网上论坛中找到了您正在寻找的潜在解决方案：https://groups.google.com/forum/#!topic/google-visualization-api/VilEBO0m3xI

将以下内容添加到您的样式/CSS 中：

.goog-menu-vertical {
  max-height: 80vh;
  overflow-y: auto;
}

我认为您还需要在ControlWrapper中具有cssClass，并在代码中allowHtml: true才能使其正常工作。

希望这有帮助！它为我做了:)

编辑：刚刚注意到@Alon Eitan在评论部分提供了答案... :)我会在这里留下我的评论，让其他人更好地看到