primefaces条形图中的不同颜色
我想为每个条形图显示不同颜色的primefaces条形图。我得到的最接近的图像如下: 我想有不同颜色的这些酒吧,像绿色的“准时”,黄色的“警告”和红色的“逾期” 我尝试使用primefaces条形图中的不同颜色,primefaces,jqplot,Primefaces,Jqplot,我想为每个条形图显示不同颜色的primefaces条形图。我得到的最接近的图像如下: 我想有不同颜色的这些酒吧,像绿色的“准时”,黄色的“警告”和红色的“逾期” 我尝试使用model.setSeriesColor(“58BA27、FFCC33、F74A4A、F52F2F、A30303”) 但是,如果我这样做,每个酒吧应该是一个新的系列,因此我将无法显示我希望的标签(如图),我得到了这个 最后,我如何让它显示0,1,2,3(整数),而不是像图1那样重复0\u 0\u 0\u 1\u 1\u 2
model.setSeriesColor(“58BA27、FFCC33、F74A4A、F52F2F、A30303”)代码>
但是,如果我这样做,每个酒吧应该是一个新的系列,因此我将无法显示我希望的标签(如图),我得到了这个
最后,我如何让它显示0,1,2,3(整数),而不是像图1那样重复0\u 0\u 0\u 1\u 1\u 2\u 2:/
谢谢我通过自己的阅读解决了这个问题,我在这里发布,希望它能帮助别人
不知何故,在标记中添加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>
函数chartExtender(){
//this=图表小部件实例
//this.cfg=选项
this.cfg.seriesDefaults.renderoptions.varyBarColor=true;
}
完成了
我是新来的,所以很遗憾,我无法对您的答案添加评论。
这对我也有用。
对其他读者的一些澄清:
确保将
放在下面,当然它不起作用。PF删除了该属性。
<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>