按钮上的图表显示在jsf中的面板中单击

Question

<h:form id="form" >
  <p:panel id="outPanel" widgetVar="outpanel" closable="true" toggleable="true" >                
    <p:commandButton update=":form" value="show Bar" onstart="this.disabled=true;$('#form\\:bar').show()" oncomplete="this.disabled=false; $('#form\\:line').hide()"/>
    <p:commandButton value="show Line" onstart="this.disabled=true; $('#form\\:line').show()" oncomplete="this.disabled=false; $('#form\\:bar').hide()"/>
    <p:chart id="bar"  type="bar" model="#{barChartBean.model}" style="height:160px;"/>                     
    <p:chart id="line" type="line" model="#{lineChartBean.model}" style="height:160px;"/>
  </p:panel>
</h:form>

嗨，使用此代码我创建了两个按钮，在同一位置显示两个不同的图像，但是当页面第一次加载或刷新时，两个图像一起显示是否我想要一次按下一个图像......不是在那之前。