I am in trouble with charts on a p:dialog with p:tabView. When i use a chart in p:tabView on a p:dialog, First tab chart is rendered but others are not rendered.
When i look the html code with firebug. I can see all html code for rendered chart on the first tab, however i only see below simple div for others
Code: Select all
<div style="height: 150px; width: 500px; position: relative;" id="j_idt212:j_idt216" class="jqplot-target"></div>
My facelet code is here:
Code: Select all
<p:dialog id="odGroupPanel" header="dialog header"
widgetVar="odGroupDialog" modal="true" width="600" minWidth="600">
<p:tabView>
<p:tab title="tab 1">
<p:lineChart rendered="#{revenueSettingBean.panelData.tabDataList[0].chart ne null}"
value="#{revenueSettingBean.panelData.tabDataList[0].chart}"
legendPosition="e" minY="0" style="height:150px; width:500px"/>
</p:tab>
<p:tab title="tab 2">
<p:lineChart rendered="#{revenueSettingBean.panelData.tabDataList[1].chart ne null}"
value="#{revenueSettingBean.panelData.tabDataList[1].chart}"
legendPosition="e" minY="0" style="height:150px; width:500px"/>
</p:tab>
</p:tabView>
</p:dialog>