相关疑难解决方法(0)

我遇到了一个问题,即flot图形不会在标签界面中呈现,因为占位符div是具有'display:none'的div的子节点.将显示轴,但没有图形内容.

我在下面编写了javascript函数作为plot函数的包装器来解决这个问题.对其他人做类似事情可能会有用.

function safePlot(placeholderDiv, data, options){

    // Move the graph place holder to the hidden loader
    // div to render
    var parentContainer = placeholderDiv.parent();
    $('#graphLoaderDiv').append(placeholderDiv);

    // Render the graph
    $.plot(placeholderDiv, data, options);

    // Move the graph back to it's original parent
    // container
    parentContainer.append(placeholderDiv);
}

这是图形加载器div的CSS,可以放在页面的任何位置.

#graphLoaderDiv{
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 500px;
    height: 150px;
}