2013-01-05 94 views
1

需要一些建议来设置DateAxisRenderer轴上的最大值 - 我试过垫,没有运气。假设我想让xaxis的最大值比我的最后一天大一天,我该如何设置?JqPlot:设置日期轴上的最小值/最大值

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

检查垫属性http://www.jqplot.com/docs/files/jqplot-core-js.html#Axis.pad – sdespont

+0

垫属性不与DateAxisRenderer一起工作 - 这就是问题所在...... – Nathan

回答

2

可以使用让您的意甲最大的x值:

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

增加1天到该值由

biggest_day += 86400000(以毫秒时间)完成。

然后,您可以将此新的绑定到你的情节做

plot1.axes.xaxis.max = biggest_day

最后,不要忘了重新绘制:plot1.replot()

+0

谢谢安东尼 - 那是有效的。自发布我的问题后,我发生了一些变化,无论如何都以不同的方式解决了这个问题。同样感谢。 – Nathan

0

,如果你需要定义分钟你可以这样做:[在此输入链接描述] [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 } 
} 
}); 
}); 
相关问题