当我在panelGrid中放置两个饼状图时，它们就会消失

Question

我想把两个素面饼状图横向并排放置。我把它们放到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??

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>