0

このリンクから 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>

しかし、なぜか色が変わらない。足りないものを見つけるのを手伝ってくれませんか?

4

1 に答える 1

2

使ってみて<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>

さらに参照するには、これを見てください

カスタマイズ可能なリソースの注文

PrimeFaces でのリソースの注文

于 2012-10-23T18:41:38.310 に答える