Google 图表图例显示不正确

Question

我正在创建 google 图表，但我的图例没有折叠到页面中。

我的代码类似于

<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

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

Google 图表图例显示不正确

Google Charts legend is not correctly displayed

html

javascript

css

graph

google-visualization