4

最近jqPlotを使い始めました。生成されたグラフは素晴らしく、気に入っています。あちこちで学ぶべき小さなことがいくつかありますが、全体的には素晴らしいです.

積み上げ棒グラフの生成を使用していますが、奇妙な問題が発生しました。基本的に、Y 軸に 0 ~ 24 時間、X 軸に日を 12 時間表示し、特定のアクティビティの秒数をグラフにプロットします。また、グラフの一番上から 1 日 (真夜中) を開始し、一番下に来るようにします。

「最小」と「最大」の逆を使用してデータを簡単に反転できますが、ティックを反転しようとすると問題が発生します。要するに「時間」。

シリーズのデフォルトを非表示の軸に設定しています。

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

そして、プレースホルダーシリーズ(値がすべて0の場合、例: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] )を別の yaxis に関連付けて、日付の目盛りをプロットします。

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

デフォルトの 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 から午後 12:00 に戻り、その形式で午前 12:00 の yaxis が作成されます。ただし、グラフの下から昇順です。

明らかに、「yaxis」の最小値と最大値を反転しても、プレースホルダー値しかなく、値を反転するだけなので、何も達成されません。時間が(下から)24、22、20 ...などになるように、軸の値を反転するにはどうすればよいですか?

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

4

1 に答える 1

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 軸が通常どおりに並べ替えられますが、逆の目盛りシーケンスが使用されます。

于 2011-07-02T11:35:04.807 に答える