具有可变宽度/跨度响应网格的sapui5 VizFrame

具有可变宽度/跨度响应网格的sapui5 VizFrame,sapui5,Sapui5,我的应用程序有一个并排显示多个VIZ框架(饼图或条形图)的页面。它们使用XML视图包装在网格中 <l:Grid id="grid" defaultSpan="XL3 L4 M6 S12"> <l:content> <viz:VizFrame id="idPie1" width="100%"></viz:VizFrame> <viz:VizFrame id="idChart1"

我的应用程序有一个并排显示多个VIZ框架(饼图或条形图)的页面。它们使用XML视图包装在网格中

<l:Grid id="grid" defaultSpan="XL3 L4 M6 S12">
    <l:content>
        <viz:VizFrame id="idPie1" width="100%"></viz:VizFrame>              
        <viz:VizFrame id="idChart1" width="100%"></viz:VizFrame>
...

...
我希望其中一个VizFrame的跨度与为网格提供的默认跨度不同。我试过了

<viz:VizFrame id="idPie1" width="100%">
  <layoutData> 
    <l:GridData span="L12 M12 S12" />
  </layoutData>
</viz:VizFrame>

但是没有成功


以下是a中的编码,如果您尝试:

<viz:layoutData> <l:GridData span="L12 M12 S12" /> </viz:layoutData>


您是这样尝试的:
如图所示?您在控制台中是否收到任何错误消息?如果您可以在plunkr(plnkr.co)之类的工具中发布您的示例,使其更易于调试,可能会有所帮助。不幸的是,这会产生以下错误:sap ui core.js:152未捕获错误:如果没有为control sap.viz.ui5.controls.VizFrame定义的默认聚合,则无法添加直接子级。我不使用最新的sapui5版本:1.30.10。我将尝试将其复制到plunkr中。感谢您的plnkr示例。我们可以重现这个问题,我们正在研究这个问题。这至少不会引发语法错误。但是,不考虑layoutData中设置的范围
..
在您的plunkr中:当我将“”插入第一个vizframe中时,我可以看到布局上的差异,正如您在那里的评论所示。我还尝试了不同的值,它似乎得到了应用。在plunkr中,左边是编码,右边是预览。我也看到了布局的不同,如果我通过在SUPKR中间移动行来调整预览大小。你试过调整窗口的大小吗?你用哪种设备来显示?我已经更新了punkr,它似乎确实在那里工作。目前我只是在windows上测试chrome。让我在eclipse中也尝试一下。我会确认它是否有效。