Ext JS 4チャートの下に表示されるラベルの数を減らす

Question

私はExt JS 4ラインチャートコンポーネントを書いています。それはすべてうまく動作しますが、軸の下にラベルを表示すると、ラベルがあまりにも濃くなります。目に見えるラベルの数を減らすことはしません。どうやってするか？

{ 
    type: 'Category', 
    position: 'bottom', 
    fields: ['date'], 
    grid: true, 
    label: { 
     field: 'label', 
     rotate: { degrees:315 }, 
     renderer: function(item) { 
      var date = new Date(item); 
      /* parseIntToStringWithZeros is a custom method somewhere else */ 
      var day = parseIntToStringWithZeros(date.getDate()); 
      var month = parseIntToStringWithZeros(date.getMonth()); 
      result = day + '-' + month; 
      return result; 
     } 
    } 
} 

Answer 1

私はあなたの代わりに開始（あなたのデータがどのように見えるかわからない軸「カテゴリー」の軸「数値」を使用する必要があるかもしれないと思うが、あなたが必要な場合があります：ここでは軸のための私のコードです時間を値に変換して機能させる）。

数値軸を使用すると、軸設定のstepsプロパティを設定することで、メジャーティック値の数（グリッド線とラベルが表示される）を設定できるはずです。しかし、これは必ずしも機能しません。より確かな方法は、文書化されていないapplyData関数をオーバーライドすることです。そのため、開発者コードを検索して、何をしているのかを確認する必要があります。

また、特定のラベルをレンダリングしない場合は、ラベルレンダラー関数で空の文字列を返すこともできます。例えばあなたが唯一の個々の「月」は上記のコードでは、一度に表示したい場合は、このような何かを行うことができます。..

label: { 
    .... 
    renderer: (function(){ 
     var lastRenderedMonth = ''; 
     return function(item){ 
      ... //your code above without the return.. 
      if(month == lastRenderedMonth) 
       return ""; 
      lastRenderedMonth = month; 
      return result; 
     }; 
    })(), 
    ...