2012-03-11 43 views
0

我有以下數據點jqplot圖表中我的asp.net MVC: -如何修改兩個X&Y在我的數據點軸系Jqplot圖表,從所包含的點開始

<script type="text/javascript"> 
    $(document).ready(function() { 
     var line1 = [['23-May-08', 578.55], ['20-Jun-08', 566.5], 
        ['25-Jul-08', 480.88], ['22-Aug-08', 509.84], 
        ['26-Sep-08', 454.13], ['24-Oct-08', 379.75], 
        ['21-Nov-08', 303], ['26-Dec-08', 308.56], 
        ['23-Jan-09', 299.14], ['20-Feb-09', 346.51], 
        ['20-Mar-09', 325.99], ['24-Apr-09', 386.15], 
        ['26-Apr-09', 386.15], ['17-Apr-09', 386.15], 
        ['24-Apr-09', 386.15], ['24-Apr-09', 386.15]]; 
     var plot1 = $.jqplot('chart1', [line1], 
      { title: 'Data Point Highlighting', 
      axes: 
       { xaxis: 
        { renderer: $.jqplot.DateAxisRenderer, 
         tickOptions: { formatString: '%b&nbsp;%#d' } 
        }, 
        yaxis: { tickOptions: { formatString: '%.2f'} } 
       }, 
      highlighter: { show: true, sizeAdjust: 7.5 }, 
      cursor: { show: false } 
      }); 
    }); 
</script> 

如何我可以強制X軸和Y軸的數字從第一個Line1以上的值開始;例如,當前x軸將從17月5日開始,儘管列表中的第一個值可能是23月。

回答

0

添加xaxis括號內這一行:pad: 0,

xaxis: 
     { 
      renderer: $.jqplot.DateAxisRenderer, 
      pad: 0, 
      tickOptions: { formatString: '%b&nbsp;%#d' } 
     }, 

它將取消軸起始值和結束值填充,作爲默認填充被設置爲1.2。

而且從official documentation

this.pad = 1.2

填充延長上方和數據邊界以下的範圍內。數據範圍乘以該因子以確定最小和最大軸界限。值0將被解釋爲沒有填充,並且填充將被設置爲1.0。

+0

我指定了pad:0,但它只能在y軸上工作,但x軸仍然有默認的填充值。 BR – 2012-03-11 21:37:51

+0

我不確定使用'dateaxisranderer'可以用0值填充。但無論如何,請嘗試使用'pad:1.0'來給你一天的容忍度。 – 2012-03-12 11:48:27

相關問題