3

私の lineChart (primefaces 3.4) では、xaxis に多くの dateTimes ラベルがあり、重複しています。xaxis での重複を防ぐ方法はありますか? lineChart でエクステンダー属性 (jqplot 関数を使用) を使用すると、autosacle を軸に適用できます が 、dateTime ラベルの代わりに 1..n の int 値ラベルが置き換えられます。ここに私のサンプルコードがあります:

xhtml コード

 <script type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.min.js"> 
 <script type="text/javascript">
 function setScale() {
          this.cfg.axes ={                
                xaxis:{
                    renderer:$.jqplot.DateAxisRenderer,                    
                    autoscale : true,
                    }          
        }
</script>
<p:lineChart  value="#{chartBean.chartModel}"  extender="setSacle" xaxisAngle="-30" />
4

2 に答える 2

1

使いたいと思いますCanvasAxisTickRenderer

含むjqplot.canvasAxisTickRenderer.min.js

そして定義するより

xaxis:{
    tickRenderer: $.jqplot.CanvasAxisTickRenderer,
    tickOptions: {
       angle: -30
    }
 }

jqPlot の例を見てみましょう: Rotated Axis Tick Labels | Rotated Axis Tick Labels | jqプロット

同様の質問jqPlot - x軸の角度を持つ複数行の目盛り

軸ラベルと回転テキストの 2 番目の例を見てください。DateAxisRendererautoscale: true

xaxis: {
      autoscale: true,
      renderer: $.jqplot.DateAxisRenderer,
      label: 'Incliment Occurrance',
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
      tickRenderer: $.jqplot.CanvasAxisTickRenderer,
      tickOptions: {
           angle: 15
      }
于 2012-12-13T07:02:09.640 に答える
0

非常に多くのデータ ポイントがある場合は、ズームを使用してはどうでしょうか。

cursor: {
                    show: true,
                    showTooltip: false,
                    zoom: true,
                    constrainZoomTo: 'x'},

と

<script language="javascript" type="text/javascript" src="jquery/jqplot/plugins/jqplot.cursor.min.js"></script>
于 2013-07-29T08:37:49.667 に答える