layout - 当我在 panelGrid 中放置两个饼图时，它们消失了

Question

我想水平并排放置 2 个 primefaces 饼图。我已将它们放入这样的panelGrid中：

<h:panelGrid columns="2">
<p:pieChart title="chart1" value="#{chartController.modelChart1}" legendPosition="w" showDataLabels="true" id="chartOne" />

<p:pieChart title="chart2" value="#{chartController.modelChart2}" legendPosition="w" showDataLabels="true" id="ChartTwo" />
</h:panelGrid>

但是当我添加 panelGrid 时，它们就消失了。

有什么问题，或者是否有另一种方法可以在不使用 panelGrid 的情况下并排放置 2 个图表（在同一行）？

Answer 1

试试这个 ：

<h:panelGrid columns="2">
    <p:panel style="width:100px;">
       <p:pieChart title="chart1" value="#{chartController.modelChart1}" legendPosition="w" showDataLabels="true" id="chartOne" />
    </p:panel>

    <p:panel style="width:100px;">
       <p:pieChart title="chart2" value="#{chartController.modelChart2}" legendPosition="w" showDataLabels="true" id="ChartTwo" />
    </p:panel>
</h:panelGrid>