Google圖表工具 - 重疊標簽

Question

我正在使用谷歌圖表工具顯示一個簡單的折線圖，原因不明，無論我如何設置“圖例”參數，標簽都會重疊。 在下面的屏幕截圖中，您可以看到legend: {position: 'in', alignment:'center'}的結果legend: {position: 'in', alignment:'center'} 。 如何解決這個問題？

Answer 1

“..當人們普遍抱怨標簽重疊時，這是由於試圖在一個看不見的容器中畫畫。我們目前不支持這個，所以你需要確保你的容器不顯示：當你繪制圖表時沒有。” - 謝爾蓋

鏈接： https ： //groups.google.com/forum/#！topic / google-visualization- api/ c-KpZk--8p0

Answer 2

我在一個非常復雜的頁面底部附近加載了一個圖表，這個問題就開始了。 我決定在頁面加載后執行圖表的創建，以便為父div提供渲染時間。 $(document).ready(function(){ makeChart(data); })並且父div的css具有固定的高度和寬度。

希望這可以幫助！

Answer 3

我在彈出窗口上渲染圖形，標簽重疊。 我嘗試在$(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);
    }
}

在click事件上的setTimeout函數上渲染它對我有用