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

时间:2019-06-21 15:54:38

标签: css google-visualization

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

当我单击过滤器时,下拉列表框将扩展到数据表的尺寸之外。

有人知道该类吗,可以向其应用height属性,以便在下拉框中获得滚动条。

我尝试检查该元素,并且我认为我的最佳选择是.goog-menu goog-menu-vertical

但这似乎并没有影响

我在包装程序的选项中启用了“ allowHTML”-只需知道一个类即可。...

谢谢

1 个答案:

答案 0 :(得分:0)

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

在样式/ CSS中添加以下内容:

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

我认为您还需要在代码ControlWrappercssClass中加入allowHtml: true才能使其正常工作。

希望这会有所帮助!它对我有用:)

编辑:刚注意到@Alon Eitan在评论部分提供了答案... :)我将在这里留下我的评论,以便其他人更好地查看