javascript - 第一次加载谷歌图表时，垂直轴标签没有出现

Question

这个问题已经有答案了:

Google Chart vAxis values are not showing (5 个回答)

已关闭 3 年前。

我正在尝试生成一些谷歌图表，特别是折线图，但我遇到了一个问题，当我第一次生成图表时，它渲染得很好，但 y 轴上没有任何标签。如果我重新生成图表而不重新加载页面，则会出现 y 轴标签。

无标签:/image/by7J1.png标签:/image/yYMcv.png

和代码

                var chartTitle = "Account Manager Performance (" + managerUser + ")";
            var options = {
                title: chartTitle,
                width: 900,
                height: 500,
                hAxis: {
                    slantedText: true,
                    type: 'category'
                },
                pointSize: 5

            };


            var acctManagerTable = new google.visualization.DataTable();
            if (budgetValue != -1) {
                acctManagerTable.addColumn('date', 'Date');
                acctManagerTable.addColumn('number', 'Sales');
                acctManagerTable.addColumn('number', 'BP');
                acctManagerTable.addColumn('number', 'Commission');
                acctManagerTable.addColumn('number', 'Budget');
                acctManagerTable.addRows(acctManagerData);

            var chart = new google.visualization.LineChart(document.getElementById('acct_manager_graph_div'));

            chart.draw(acctManagerTable, options);

谢谢:)

Answer 1

问题是在使容器可见之前生成图表，切换顺序

                    //Function that draws google visualisation
                    load_page_data(response.Message);
                    $('#listed_v_sold_graph_div').css("display", "block");

至

                    $('#listed_v_sold_graph_div').css("display", "block");
                    //Function that draws google visualisation
                    load_page_data(response.Message);

，参见https://stackoverflow.com/a/54944593/5090771