Javascript 在Highcharts之前显示徽标和菜单_Javascript_Html_Highcharts

Javascript 在Highcharts之前显示徽标和菜单

javascript html highcharts

Javascript 在Highcharts之前显示徽标和菜单,javascript,html,highcharts,Javascript,Html,Highcharts,我希望在添加需要一段时间才能加载的图表之前显示我的网页徽标和菜单我使用了onload事件来调用图表（使用了Highcharts），不幸的是，浏览器似乎要等到图表准备好加载后才能显示任何内容 Html: Javascript: var chart = "<div id='chart'></div>"; function chart() { $("#content").html(chart); displayChart (); } va

我希望在添加需要一段时间才能加载的图表之前显示我的网页徽标和菜单

我使用了

onload

事件来调用图表（使用了Highcharts），不幸的是，浏览器似乎要等到图表准备好加载后才能显示任何内容

Html:

Javascript:

var chart = "<div id='chart'></div>";
function chart() {
        $("#content").html(chart);
        displayChart ();
}

var图表=”；
功能图（）{
$（“#content”）.html（图表）；
显示图表（）；
}

我如何才能先显示徽标和菜单，然后再显示Highcharts？

您使用的是jQuery。开始写作

HTML

为什么图表需要很长时间才能加载？是否确实要发出AJAX请求，然后在该请求完成后调用

chart（）

？

var chart = "<div id='chart'></div>";
function chart() {
        $("#content").html(chart);
        displayChart ();
}

<body>
    <div id="content">
        <div id="chart"></div>
    </div>
</body>

$(function () // on document ready,
{
    showLogoAndMenu();
    displayChart();
    // hideLogoAndMenu(); ?
});

<body onload="setTimeout(chart,100);">