2016-11-28 53 views
1

我無法在Google中找到它,所以我在這裏問。我如何設置顏色爲條形圖PrimeFaces BarChart。例如,如果我的價值小於50%欄是紅色的。也許有人有類似的問題,可以給我一個解決方案如何設置顏色爲酒吧依賴價值PrimeFaces BarChart

+0

您還可以通過[腳本](http://www.jqplot.com/examples/multipleBarColors.php)設置顏色。只需添加'model.setExtender(「chartExtender」);'。並且創建js函數'function chartExtender(){seriesColors:[] //來自bean方法的多個顏色值}' – Hiru

回答

0

我前段時間使用primefaces,從我記得,我有一個類似於你的情況。

你可以做的是,動態地設置顏色,例如在你可以讓你的對象BarChartModel具有屬性setSeriesColors(String seriesColors)的bean。不知道你的例子中有什麼「價值」,但是任何東西都有效,這與我所解釋的相似。

在bean中,您將獲得由其決定的getBarColor(value)函數,具體取決於返回的顏色字符串的值。通過這種方式,您可以實現所需的任何邏輯以及您想要的顏色數量,例如:低於25% - 紅色,25-75% - 黃色,超過75% - 綠色。

public String getBarColor(int value){ 
    String color="#006400" //default color 

    if (value < 25) { 
     color="#8B0000"; 
    } else if (value >= 25 && value <= 75) { 
     color="#228B22"; 
    } else { 
     color="#FFD700"; 
    } 

    return color; 
} 

希望它有幫助。我認爲你可以適應你的情況。

+0

PrimeFaces圖表由畫布元素組成,您無法使用style屬性設置樣式。 –

+0

查看http://stackoverflow.com/questions/23846494/customize-primefaces-chart –

+0

@JasperdeVries這篇文章如何解決我的問題? – DanteVoronoi