1

非常に多くのデータを含む単純な日付チャートがあります。問題は、描画する領域が限られていることと、データが非常に多い場合、シリーズの日付の目盛りが重なることです。自動スケーリングは、まだ日程が迫っていますが、ある程度役立つようです。また、目盛りの数が自動的に減少しても、グリッド内の線の数は同じままで、グリッドではなく単色になります。

以下のグラフの見栄えを良くする方法はありますか?

1- 目盛りの日付と同じ数のグリッド内の行を持ちます 2- 目盛りの数を減らして間隔を広げます

numberTicks で目盛りの数を制限しようとしましたが、目盛りが消えるか、最初の目盛りから始まり残りを省略して表示されます。シンクティックとさまざまなパラメーターを試してみましたが、修正できませんでした。たぶん、私はパラメータを間違って供給しています。

このグラフを取得するコードのペーストビンを作成しました。ここで見つけることができます: http://pastebin.com/zVRN8dJy

何かヒントはありますか?

私が見る唯一の代替手段は、サーバー側から直接配布を行うことですが、処理する組み合わせがいくつかあり、jqplot で配布を行うと、多くのことが簡素化されます。私は jqplot の最新バージョンを使用しています。Snow Leopard を使用していますが、問題はブラウザに依存しません。

ありがとう。

プロット例

4

2 に答える 2

1

まず、データの範囲を制限できますか? そこには約 50 のデータ ポイントがあります。25 に制限すると、グラフがよりきれいになります。

それができない場合は、自分でラベルを制御する必要があります。

オプションがあります

ticks: [],      // a 1D [val1, val2, ...], or 2D [[val, label], [val, label], ...]
                // array of ticks to use.  Computed automatically.

2D tickオプションを使用して各値を設定し、自分でラベルを付けて、次のようにします

ticks: [[1, 'label 1'], [2, ''], [3, ''], [4, 'label 4'], [5, '']...]

グラフを作成する前にラベルを構成します。

また、グラフでは、ラベルのテキストを真下ではなく斜めに傾けることをお勧めします。縦書きよりも読みやすく、少なくとも首を傾げるよりはましです。

于 2012-09-27T06:37:41.873 に答える
0

numberTicks の使い方が間違っている可能性があります。使い方は xaxis のようにパラメータとして入れる

xaxis: {
numberTicks: 20,

他のパラメーターでフォローアップします。それが機能しない場合は、jQplot の他のプロパティを削除して、干渉しているものを見つけることをお勧めします。

何らかの理由で numberTicks を機能させることができない場合にできるもう 1 つのこと (回避策)。これにより、アレイからのソース データが制限されます。

var series1 = [//your data//]

var smallerArr = [];

for (var i = 0; i < series1.length; i = i+10) {
    smallerArr.push(series1[i]);
};
于 2012-10-03T07:47:56.110 に答える