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 に答える