2013-01-13 147 views
0

我正在使用jqPlot繪製一些數據,包括日期和另一個用戶數據標識符。我有與此代碼正確繪製(我會發布的圖像,但我沒有信譽呢!):jqPlot標籤渲染不正確顯示

<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.min.css" /> 
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script> 
    <script type="text/javascript" src="js/jquery.jqplot.min.js"></script> 
    <script type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.min.js"></script> 
    <script type="text/javascript" src="js/excanvas.min.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
     var line1=<?php echo $jqPlotArray;?>;    
     var plot2 = $.jqplot('line_chart', [line1], {     
      axes:{   
       xaxis:{   
        renderer:$.jqplot.dateAxisRenderer,   
        tickOptions:{formatString:'%b %y'}   
       }  
      },  
      series:[{color:'#01812a', lineWidth:1, markerOptions:{style:'filledCircle', color:'#01812a', size:'6'}}] 
     }); 
     }); 
     </script> 

但是,當我嘗試格式化兩個軸標籤爲白色,一個宋體字體它與該代碼錯誤地繪製(同樣,我會發布的圖像,但還不能):

<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.min.css" /> 
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script> 
    <script type="text/javascript" src="js/jquery.jqplot.min.js"></script> 
    <script type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.min.js"></script> 
    <script type="text/javascript" src="js/plugins/jqplot.categoryAxisRenderer.min.js"></script> 
    <script type="text/javascript" src="js/excanvas.min.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
     var line1=<?php echo $jqPlotArray;?>;    
     var plot2 = $.jqplot('line_chart', [line1], {     
      axes:{   
       xaxis:{   
        renderer:$.jqplot.dateAxisRenderer, 
        renderer:$.jqplot.categoryAxisRenderer,   
        tickOptions:{formatString:'%b %y', textColor:'#FFFFFF', fontSize:'9pt'}   
       }  
      },  
      series:[{color:'#01812a', lineWidth:1, markerOptions:{style:'filledCircle', color:'#01812a', size:'6'}}] 
     }); 
     }); 
     </script> 

總之,我的問題是什麼渲染我需要以及如何使用它們簡單地格式化X & y軸標籤爲白色字體顏色(所以標籤彈出我的綠色背景更好),並將fontSize更改爲9pt。

任何幫助將不勝感激。

感謝

+0

您應該只爲xaxis配置提供一個'renderer'參數。 xaxis代表哪種類型的數據?日期或類別? – Mark

+0

@Mark,xaxis代表日期。謝謝你的幫助。 –

+0

@Mark,所以如果我把它從xaxis下移出來,那麼它到底在哪裏?我一直在扔categoryAxisRenderer沒有成功,任何幫助將不勝感激。 –

回答

0

如果你的x軸有日期,爲什麼你想使用categoryAxisRenderer嗎?

我認爲主要的問題是一個錯過的大寫字母:

renderer:$.jqplot.DateAxisRenderer //The D is Date is a capital 

見小提琴here

+0

工作,感謝您的幫助! –