Google 图表图例未正确显示

Question

我正在创建谷歌图表，我的图例没有被折叠成页面。

我的代码有点像

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script>
        google.load("visualization", "1.1", { packages: ["bar", "table"] });
        var chart;
        var table;
        var graphOptions = {
            title: 'Liczba ekspozycji w miesiącu',
            pointSize: 5,
            vAxis: { viewWindowMode: "explicit", viewWindow: { min: 0 } },
            height: '500'
        };
            $(function() {
                chart = new google.charts.Bar(document.getElementById('chart_div'));  
            });
            var maxGraphLines = 50;

            function refreshGraph(data) {
                chart.draw(dataTableForGrap, google.charts.Bar.convertOptions(graphOptions));
            }
        </script>

 <div id="chart_div" ></div>

我得到的是：

您可以看到图例的标签一直向下，甚至在 div 后面。它们应该被分页，但这不会发生。任何帮助将不胜感激。谢谢。

Answer 1

新的“素材”条形图尚不支持图例项的分页或滚动。在此之前，您可以尝试使用带有选项{ theme: 'material' } 的 corechart ColumnChart 来获取材质颜色和字体。