0

我正在使用 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 和 y 轴标签简单地格式化为白色字体颜色(因此标签更好地弹出我的绿色背景)并将 fontSize 更改为 9pt。

任何帮助都感激不尽。

谢谢

4

1 回答 1

0

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

我认为主要问题是缺少大写字母:

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

在这里看小提琴。

于 2013-01-14T00:37:34.830 回答