jqPlot标签呈现无法正确显示

时间:2013-01-13 21:35:24

标签: php javascript 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>

但是当我尝试将轴标签格式化为WHITE和9pt字体时,它会错误地使用此代码进行格式化(再次,我发布的图片但还不能):

    <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&amp; y轴标记为白色字体颜色(因此标签更好地从我的绿色背景中弹出)并将fontSize更改为9pt。

非常感谢任何帮助。

谢谢

1 个答案:

答案 0 :(得分:0)

如果您的xaxis有日期,为什么还要尝试使用categoryAxisRenderer?

我认为主要问题是错过大写字母:

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

请参阅小提琴here