jquery - JqPlot：日付軸に最小/最大を設定

Question

DateAxisRenderer軸に最大値を設定することについてアドバイスが必要です-私はパッドを試しましたが、運がありません。xaxisの最大値を前回の日付より1日大きくしたい場合、これをどのように設定しますか？

       xaxis:{ max:'??', tickInterval: '86400000', renderer:$.jqplot.DateAxisRenderer, tickOptions:{ formatString:'%b %#d' }}

Answer 1

以下を使用して、セリエの最大のx値を取得できます。

var biggest_day = plot2.axes.xaxis._dataBounds.max。

この値に1日を追加するには、次のようにします。

biggest_day += 86400000（ミリ秒単位の時間）。

次に、この新しい境界をプロットに適用できます。

plot1.axes.xaxis.max = biggest_day

最後に、再プロットすることを忘れないでください：plot1.replot()

Answer 2

yaxisから最小値と最大値を定義する必要がある場合は、次のように実行できます。[ここにリンクの説明を入力] [1]

HTML

<div id="chart" style="height:500px"></div>

スクリプト

$(document).ready(function(){ 

var line1=[['1', 0.0],['2', 8.3],['3', 10.1],['4', 10.0],['5', 8.3],['6', 8.3],['7', 20.8],['8', 23.8],['9', 27.1],['10', 23.8],['11', 22.3],['12', 24.4]];

var plot1 = $.jqplot('chart', [line1], {
title:'Default Date Axis',
axes:{
    xaxis:{
        renderer: $.jqplot.DateAxisRenderer,
        tickOptions:{formatString:'%b'},
    },
    yaxis:{
        //renderer:$.jqplot.DateAxisRenderer,
        tickOptions:{formatString: '%.1f %'},
        min:0,
        max:100,
        tickInterval:'10'
    }
}, 
 series:[{color:'#5FAB78'}], 
 highlighter: { 
     show: false, 
     sizeAdjust: 1 
 }, 
 cursor: { 
     show: false 
 },
 seriesDefaults: {  
      showMarker:true, 
      pointLabels: { show:true }  
 } 
 });
});