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' }的核心图ColumnChart来获取材质颜色和字体。