6

我正在使用谷歌图表工具显示一个简单的折线图，原因不明，无论我如何设置“图例”参数，标签都会重叠。在下面的屏幕截图中，您可以看到legend: {position: 'in', alignment:'center'}. 如何解决这个问题？标签重叠

4

3 回答 3

9

“..当人们通常抱怨标签重叠时，那是由于试图在一个不可见的容器中绘制。我们目前不支持这个，所以你需要确保你的容器不是 display:none 当你绘制图表时。” - 谢尔盖

链接：https ://groups.google.com/forum/#!topic/google-visualization-api/c-KpZk--8p0

于 2014-08-12T04:14:40.193 回答
1

我在一个非常复杂的页面底部附近加载了一个图表，这个问题就开始了。我决定在页面加载后执行图表的创建，以给父 div 时间呈现。 $(document).ready(function(){ makeChart(data); }) 父 div 的 css 具有固定的高度和宽度。

希望这可以帮助！

于 2014-12-01T20:52:08.577 回答
0

我在弹出窗口上渲染图表，标签重叠。我尝试执行渲染$(document).ready()以及$(window).load()- 没有任何结果。

在单击事件上，将出现弹出窗口。

$(document).ready(function()
{
    $('.view_graphs').click(function(){
        setTimeout(function(){
            renderGraph();
        },500)
    })
})

function renderGraph() {
    google.charts.setOnLoadCallback(column_chart);
    function column_chart() {
        var data = new google.visualization.arrayToDataTable(<?php echo $visitlang_json_data ?>); 
        var chart = new google.visualization.ColumnChart(document.getElementById('visit_lang_chart'));
        var options = {'title':'Report based on language',
                         'width':600,
                         'height':500
                     };
        chart.draw(data,options);
    }
}

setTimeout在点击事件的函数上渲染它对我有用

于 2018-12-04T06:31:08.870 回答