当我在panelGrid中放置两个饼图时,它们就消失了

时间:2014-07-02 13:18:32

标签: layout primefaces charts pie-chart panelgrid

我想将 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时,它们只是消失了

问题是什么或是否有另一种方法将2个图表并排(在同一条线上)而不使用panelGrid?

1 个答案:

答案 0 :(得分:2)

试试这个:

<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>