2011-06-20 9 views
4

最近jqPlotの使用を開始しました。生成されたグラフは素晴らしく、私はそれを愛しています。ここやそこで学ぶべきことはいくつかありますが、全体的には素晴らしいです。jQuery jqPlotライブラリ12時間Y軸反転問題

私は積み重ねバーの生成を使用しており、問題が発生しました。基本的には、Y軸で0〜24時間の時間から12時間の時間、X軸での日、グラフ上の特定のアクティビティの秒を求めます。しかし、また、私は日(真夜中)がグラフの先頭から始まり、底に来ることを望みます。

私は 'min'と 'max'の逆数でデータを簡単に反転できますが、ティックをフリップしようとすると問題が発生します。本質的に、「時間」。

私は私のシリーズのデフォルトは隠し軸に設定されています:

seriesDefaults: { 
    renderer: $.jqplot.BarRenderer, 
    yaxis: 'y2axis' 
}, 

そして、私は値を(プレースホルダーシリーズを置くすべて0、例えば:[0,0,0,0,0,0、 0,0,0,0,0,0,0,0,0,0])日付をプロットするために別個のy軸に関連付けるティック:

series: [ 
    { show: true, yaxis: 'yaxis', } 
], 

Iは、分を変更することによって値を反転することができ、デフォルトのy軸を最大にして非表示にする:

y2axis:{ 
    min: 24, 
    max: 0, 
    showTicks: false 
} 

は、それから私は、ダニを設定し、DateAxisRendererでそれらをフォーマット:

yaxis:{ 
    renderer:$.jqplot.DateAxisRenderer, 
    ticks: ['0', '2', '4', '6', '8', '10', '12', '14', '16', '18', '20', '22', '24'], 
    tickOptions: { formatString: '%I:%M %p' } 
} 

これは戻ってその形式12:00 AM 12:00 AMから12:00 PMまでの時間のとy軸を作成します。グラフの下から順に増加していきます。

明らかに、「yaxis」のminとmaxを反転させると、プレースホルダーの値だけが存在するため、何も成立せず、値を反転させるだけです。どうすれば軸の値を反転させて、時間が(下から)24,22,20 ...などになるのでしょうか?

ご協力いただきありがとうございます。

答えて

6
  1. 置き換えます

    ticks: ['0', '2', '4', '6', '8', '10', '12', '14', '16', '18', '20', '22', '24'] 
    

    で:

    ticks: ['24', '22', '20', '18', '16', '14', '12', '10', '8', '6', '4', '2', '0'] 
    
  2. は交換してください:

    y2axis:{ 
        min: 24, 
        max: 0, 
        showTicks: false 
    } 
    

    で:

    y2axis:{ 
        min: 0, 
        max: 24, 
        showTicks: false 
    } 
    

通常、y軸はソートされますが、逆ティックシーケンスが使用されます。

+1

ああ、うわー!私はこれを永久に遊んでいて、それを働かせなかった。これはトリックです! ありがとうございます。 また、あなたが気にしないならば、私は別の質問があります。クロムについては、チックがすべて上に詰まっています。これをどう対処するか考えていますか? もう一度おねがいします! :) –