3

PrimeFaces(jqPlot経由)ライブラリを使用する単純なJSF折れ線グラフがあります。

<p:lineChart id="linear"
             value="#{team.chart}" 
             title="Lap Times" 
             xaxisLabel="Lap"
             yaxisLabel="Time (sec)"
             style="height:300px;width:600px" /> 

ただし、グラフのタイトルとX/Yラベルの色を変更したいと思います。これを実現するためのCSSの適切な組み合わせを見つけることができないようです。たとえば、次は機能しません。

.jqplot-xaxis {
     /* skin */
     font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; 
     color: white ! important;
     font-size: 90%;
 }

何かご意見は?

4

3 に答える 3

7

これはまさに、チャートのタイトルと X/Y ラベルに使用するものです。

.jqplot-title{
    color: #eeffdd;
}
.jqplot-xaxis-label{
    color: #eeccaa; 
}
.jqplot-yaxis-label{
    color: #eeccaa;
}

クラスの設定は.jqplot-xaxisうまく機能し、xaxisの目盛りのみを変更します。たとえば、設定することですばやくテストできますfont-size: 20px;

于 2012-06-14T09:32:35.980 に答える
0

Boro が上記の回答に対するコメントで示しているように、CanvasAxisLabelRenderer を使用する場合は、次を使用する必要があります。

labelOptions: {textColor: '#eeccaa'}

xaxis または yaxis オブジェクト ブロック内 (labelRenderer を参照しているのと同じ場所):

yaxis:{
  label: 'Your Label'
  labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
  labelOptions: {textColor: '#eeccaa'},
  etc...
}

コメントで非表示にするのではなく、これを強調表示するのが良いと思いました.

ありがとうボロ!

于 2014-08-06T02:07:10.860 に答える
0

私の仕事のためにこのコード

 axes: {
     xaxis: {
          borderColor: "#aa2626",
          tickOptions: {
             textColor: '#aa2626'
             }
          }
        }
于 2017-02-27T12:45:51.393 に答える