Question

我的页面呈现如此this，图形一直显示在左上角，即使它应该显示的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修复，我只是不确定如何。非常感谢任何帮助，谢谢！

Answer 1

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

根据您提供的图片，我很难确切地告诉哪个div是网格。我猜#ChartDiv与#chartWrapper相同（在我下面的示例中），而#chart可能是下一个，但是我需要您确认能够使用开发工具突出显示实际网格，就像您为图像所做的那样。

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

一个绝对定位的项目计算它的＆＃39;作为最接近父母的位置的参考点：相对风格。因此，对于上面的示例，#chart将从#chartWrapper的顶部开始为0px，从左侧开始为0px。

希望有所帮助！

如何让我的Jchartfx区域图显示在gridview下面？

1 个答案: