2011-05-07 2 views
1

jqPlot을 사용하여 플롯에있는 틱의 수를 변경하려고합니다. 내 x 축에 dateAxisRenderer 플러그인을 사용하고 표시되는 날짜 틱 수를 줄이려합니다.jqPlot의 dateAxisRenderer가 numberTicks 옵션을 무시합니까?

var dummyData = [['2011-05-03 10:15:30', 25], ['2011-05-04 11:30:30', 30], ['2011-05-05 10:15:30', 25], ['2011-05-06 11:30:30', 33], '2011-05-07 10:15:30', 25]]; 

$.jqplot(chartId, [dummyData], { 
     grid:{ 
      //background:'#f0ffff', 
      background:'#F0F8FF', 
      gridLineColor:'#dfdfdf', 
      borderWidth:1.5 
     }, 
     axes:{ 
      xaxis:{ 
       pad:1.0, 
       renderer:$.jqplot.DateAxisRenderer, 
       numberTicks:3, 
       tickOptions:{ 
        formatString:'%#m/%#d%n%#I%p', 
        fontSize:'7pt', 
        fontFamily:'"Lucida Grande",Verdana, Georgia, "Times New Roman", Times, serif' 
       } 
      }, 
      yaxis:{padMin:1.01, padMax:1.1, tickOptions:{formatString:'$%d'}} 
     }, 
     seriesDefaults: { 
      fill: true, 
      fillAndStroke: true, 
      shadow:false, 
      rendererDefaults: { 
       highlightMouseOver:false, 
       highlightMouseDown:false, 
       highlightColor:null 
      }, 
      markerOptions:{ 
       show:false, 
       size:4 
      }, 
      trendline:{ 
       show:false, 
       type:'exp' 
      } 

     }, 
     series:[{color:'rgba(255, 117, 26, 0.7)'}] 
}); 

답변

4

$ .jqplot.DateAxisRenderer는 tickInterval 옵션이 있습니다 : 여기 내 예제 코드입니다. 예를 들어

:

xaxis: { 
      pad:1.0, 
      renderer:$.jqplot.DateAxisRenderer, 
      tickInterval: "7 days", 
     },