Primefaces條形圖中的不同顏色

我想用每種條形圖的不同顏色顯示primefaces條形圖。最貼近我就像是圖像：Primefaces條形圖中的不同顏色

sample

我想有不同顏色的酒吧，喜歡綠色的「準時」，黃色的「警告」和紅色的「逾期」

我試圖用model.setSeriesColors("58BA27,FFCC33,F74A4A,F52F2F,A30303"); 但如果我這樣做，每個欄應該是一個新的系列，所以我將無法顯示標籤，因爲我想（如圖像），我得到了這個..

enter image description here

最後，我怎樣才能使它顯示出0,1,2,3（整數），而不是重複0_0_0_1_1_1_2_2_2如圖片1：/

感謝

來源

2014-12-03 Kossel

我用我自己的閱讀this jplot documentation解決了這個問題，我這裏米發帖希望它可以幫助別人......

爲不知何故，在標籤是不是爲我工作添加extender，我必須把它通過Java代碼：

barModel.setSeriesColors("58BA27,FFCC33,F74A4A,F52F2F,A30303"); 
barModel.setExtender("chartExtender");

然後JavaScript的內部

<h:outputScript> 
         function chartExtender() {   
         // this = chart widget instance   
         // this.cfg = options  
         this.cfg.seriesDefaults.rendererOptions.varyBarColor = true; 
         } 
         </h:outputScript>

並完成！

enter image description here

來源

2014-12-04 16:20:10 Kossel

當然它不管用。 PF刪除了該屬性。 – alexander 2016-05-30 05:30:32

我是新來的，所以我不幸地註釋不添加到您的答案。它也適用於我。一些澄清其他讀者：

務必把<h:outputScript>在你<p:chart...，如：

<p:chart type="bar" model="#{bean.someModel}"> 
    <h:outputScript> 
     function chartExtender() { 
      // this = chart widget instance 
      // this.cfg = options 
      this.cfg.seriesDefaults.rendererOptions.varyBarColor = true; 
     } 
    </h:outputScript> 
</p:chart>

的「擴展」 -Tag已Primefaces 5刪除： see this answer

來源

2016-05-12 07:42:46 Tabbed

Primefaces條形圖中的不同顏色

回答

相關問題