在Primefaces图表中更改颜色

Question

我试图从link实施Primefaces图表。

我设法创建这个例子：

<div id="datachart" style="margin: 0 auto; width:850px; height:400px; position:relative"> 
    <h:form prependId="false"> 
     <p:growl id="growl" showDetail="true" /> 

     <p:barChart id="basic" value="#{bean.categoryModel}" 
        title="Accounts and Groups" min="0" max="#{DashboardController.chartMaxSize}" style="height:400px" 
        shadow="true" barMargin="40" barPadding="90" seriesColors="4D94FF, 1975FF" 
        yaxisLabel="Size" zoom="true"> 
      <p:ajax event="itemSelect" listener="#{bean.itemSelect}" update="growl" /> 
     </p:barChart> 
    </h:form> 
</div> 

我为了改变图表颜色标签创建这个CSS：

<style type="text/css"> 
    .jqplot-title{ 
     color:#FFFFFF; 
    } 
    .jqplot-xaxis-label{ 
     color:#FFFFFF; 
    } 
    .jqplot-yaxis-label{ 
     color:#FFFFFF; 
    } 
    .jqplot-xaxis-tick{ 
     color:#FFFFFF; 
    } 
    jqplot-yaxis-tick{ 
     color:#FFFFFF; 
    } 
</style> 

但由于某些原因的颜色没有改变。你能帮我找到我失踪的东西吗？

Answer 1

尝试使用<f:facet name="last">

<f:facet name="last"> 
    your css styles goes here 
    Or even better drop them into .css file and include it here 
</f:facet> 

进一步参考看看这个

Customizable Resource Ordering

而且

Resource Ordering In PrimeFaces