2016-04-02 8 views
0

x軸に目盛りのラベルを手動で定義する必要があります。 CategoryAxisRendererを使用している限り正常に動作しますが、tickRenderer: $.jqplot.CanvasAxisTickRendererを使用してラベルを回転します。 ここで、x軸は0からxxまで1ステップで自動的にラベル付けされます。jqPlot canvastickrendererで手動で定義された目盛りラベルを使用する

手動で定義された配列が使用されていれば、どうすればよいですか?回転ラベル付きの完全なコードは次のように見えます

:現時点では

`$(document).ready(function() { 
    var data_array = <?php echo json_encode($data) ?>; 
    var s1 = new Array; 
    var s2 = new Array; 
    var ticks = new Array(); 

     $.each(data_array, function (j, elem) { 
      $.each(elem, function (i, elem) { 
      s1[i] = parseInt(elem['up']); 
      s2[i] = parseInt(elem['down']); 
      ticks[i] = parseInt(elem['minute']); 
      if(ticks[i]%5!=0){ 
       ticks[i]=''; 
      } 
      }); 
    $.jqplot(elem['name'], [s1,s2],{ 
     title:elem['name'], 
     stackSeries: true, 
    seriesColors:['#33CC00','#FF3300'],   
     seriesDefaults:{ 
      renderer:$.jqplot.BarRenderer, 
      rendererOptions: { 
       fillToZero: true, 
       varyBarColor: true 
       } 
     }, 
     axes: { 
      yaxis: { pad: 1.05}, 
      xaxis: { 
       renderer: $.jqplot.CategoryAxisRenderer, 
       ticks: ticks, 
       showLabel: true, 
       tickOptions: { 
        angle: 30, 
        labelPosition:'start', 
       }, 
      } 
     }, 
     axesDefaults: { 
       tickRenderer: $.jqplot.CanvasAxisTickRenderer, 
     } 
     }//end jqplot 
    ); 
    }); 
});` 

ティック配列は数字だけで満たされているが、それは後に、いくつかのテキストラベルを開催します。 tickRenderer: $.jqplot.CanvasAxisTickRendererをコメントアウトすると、私の目盛り配列はx軸のラベルとして表示されます。

いくつかのオプションを試しましたが、解決策が見つかりませんでした。

誰もがこれを手伝ってくれますか?前もって感謝します!

答えて

0

私はこの問題を最終的に解決しました。 理由はわかりませんが、ticks[i]=''の代わりにticks[i]=' 'のようなスペース文字を入力すると解決しました。

関連する問題