jquery - JqPlot：在日期轴上设置最小值/最大值

Question

需要一些关于在 DateAxisRenderer 轴上设置最大值的建议 - 我试过 pad，没有运气。假设我希望 xaxis 最大值比我的最后一个日期大一天，我将如何设置它？

       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 }  
 } 
 });
});