0

我的页面呈现这样，该图一直显示在左上角，即使它应该显示的 div 位于正确的位置（在网格视图下方）。

var chart1;
function makeGraph(mpy)
{
    if (mpy == undefined) mpy = 12.00;
    chart1 = new cfx.Chart();
    chart1.getData().setSeries(1);
    chart1.getAxisY().setMin(baseRoi-50);
    chart1.getAxisY().setMax(finalroi+50);
    var series1 = chart1.getSeries().getItem(0);
    series1.setGallery(cfx.Gallery.Area);
    var data=genGraphData(mpy);       
    chart1.setDataSource(data);
    var divHolder = document.getElementById('ChartDiv');
    chart1.create(divHolder);
}

我的 html 看起来像

<div id="pnlROIDetails">
<label id="lblRoiResult"> </label>
<div id="pnlROIChart">
    <label id="lblHelp">Help</label>
    <div id="jqxgrid" style="font-size: 13px; font-family: Verdana; float: left;"> </div>
</div>
<div id="pnlROIGraph" style="clear:both">
    <div id="ChartDiv" style="width:700px;height:500px; float:left;">
    </div>
</div>

我假设所有这些都可以用 css 修复，我只是不确定如何。非常感谢任何帮助，谢谢！

4

1 回答 1

0

我建议使用相对和绝对定位来强制您的网格保持在它的包装内。

不过，根据您提供的图片，我很难真正分辨出哪个 div 是网格。我猜#ChartDiv这与#chartWrapper（在下面的示例中）相同，并且#chart可能是下一个，但我需要您通过像您为图像所做的那样使用开发工具突出显示实际网格来确认这一点。

因此，解决方案如下： #chartWrapper { position:relative; } #chart { position:absolute; top:0px; left:0px; }

绝对定位的项目将其参考点计算为具有 position:relative 样式的最近父级。所以对于上面的例子，它#chart的顶部距离为#chartWrapper0px，左侧距离为 0px。

希望有帮助！

于 2014-06-26T14:15:13.340 回答