JqPlot:在日期轴上设置最小值/最大值

时间:2013-01-05 04:53:19

标签: jquery jqplot

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

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

2 个答案:

答案 0 :(得分:2)

您可以使用以下方式获得系列的最大x值:

  

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

通过

为此值添加1天
  

biggest_day += 86400000(以毫秒为单位)。

然后,您可以将此新绑定应用于您的情节

  

plot1.axes.xaxis.max = biggest_day

最后,不要忘记重新制作:plot1.replot()

答案 1 :(得分:0)

如果你需要从yaxis定义min和max,你可以这样做:[在这里输入链接描述] [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 }  
 } 
 });
});