1

Ext JS 4.1.3 でアプリケーションを開発しています。アプリケーションはデータを処理し、データに基づいてグラフを表示します。

問題は次
のとおりです。グラフ (x 軸) に 80 ～ 90 を超えるエントリがある場合、一部のマーカー名が省略されます。そのため、マーカー名の代わりに、部分的に空の位置が表示されます。まだたくさんのスペースがありますが。

スクリーンショットは次のとおりです。

ここに画像の説明を入力

質問は次のとおりです。

  • マーカーのフォントを小さくしました。マーク間のパディングを減らす方法はありますか？
  • ExtJs チャートにすべてのエントリを表示するにはどうすればよいですか? グラフ (または x 軸) の設定を変更して、すべてのマーカー名を (エントリの数に関係なく) 表示することはできますか?
  • この問題に対する他の解決策はありますか?

ありがとう！

UPD1. これは css クラス "x-hide-visibility" と hideMode に関連しています。

  • ラベルの hideMode を無効にするにはどうすればよいですか?

UPD2. 次の解決策を見つけました。しかし、それはチャートを遅くしました (重要ではありませんが..)。多分誰かが他の解決策を知っていますか？事前にオプション ('hideMode') をオフにする方法が必要です。

for (var i = 0; i< chart.axes.items[0].labelGroup.items.length; i++){
    chart.axes.items[0].labelGroup.items[i].el.removeCls(' x-hide-visibility');
}
4

2 に答える 2

1

私は同じ問題を抱えていて、この CSS の行をスタイルシートに追加することで非表示のラベルの問題を解決しました。

svg text.x-hide-visibility {visibility: inherit!important;}

この動作を制御するために、シリーズまたは軸に何らかの構成オプションがあればいいと思います。それがあなたのために働くことを願っています!

于 2013-03-26T14:30:17.867 に答える