2011-06-20 65 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', } 
], 

我可以通過改變分鐘翻轉值和默認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' } 
} 

這將創建與y軸的時間的從12:00 AM至12:00 PM回12:00 AM該格式。但是從圖的底部開始按遞增順序。

顯然,翻轉'yaxis'上的最小值和最大值不會有任何效果,因爲只有佔位符值,並且只能翻轉值。我將如何翻轉軸的值,以便時間(從底部)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

哦,哇!我一直在玩這個遊戲,並沒有得到它的工作。這是訣竅! 非常感謝。另外,如果你不介意,我還有另外一個問題,在Chrome上,蜱總是堆積到頂端,你有任何想法如何處理這個問題嗎? 再次感謝! :) –