2012-05-05 73 views
2

我有下面的代碼使用jqPLot生成圖表,我不能弄清楚爲什麼它沒有顯示x軸的正常jqplot - 圖表沒有顯示出來x軸正確

jQuery(document).ready(function(){ 
      $data = [['2012-03-03',1,'03 Mar 12'],['2012-03-06',4,'06 Mar 12'],['2012-03-07',1,'07 Mar 12'],['2012-03-08',1,'08 Mar 12'],['2012-03-15',2,'15 Mar 12'],['2012-03-18',1,'18 Mar 12'],['2012-03-21',3,'21 Mar 12'],]; 
      jQuery.jqplot.config.enablePlugins = true; 
      jQuery.jsDate.config.defaultCentury = 2000; 
      jQuery.jqplot("chartdiv",[$data], 
      { 
       series:[{renderer:jQuery.jqplot.BarRenderer}], 
       seriesDefaults: { 
        showMarker:true, 
        pointLabels: { show:true }, 
        rendererOptions: { barMargin:35} 
       }, 
       axes :{ 
        xaxis :{ 
         renderer :jQuery.DateAxisRenderer, 
         min : '2012-03-01' 
        } 
       } 
      } 
     ); 
     }); 
+0

爲什麼使用帶日期的類別渲染器? –

+0

我正在嘗試其他選項,現在修改了代碼。 – Sharique

+0

您能否詳細說明您的意思是「沒有正確顯示座標軸」和/或給我們提供您的問題http://jsfiddle.net? – Boro

回答

0

我想我得到它了。運行後,我注意到在第一次約會後,你有一個NaN,那你的意思是「沒有正確顯示軸」?

所以問題是在這裏,你在jQueryDateAxisRenderer之間缺少jqplot.renderer :jQuery.DateAxisRenderer

Now it looks fine, as shows this fiddle.

+0

謝謝,爲什麼你使用jQueryUi.css? – Sharique

+0

我剛剛刪除它。這是從jsfiddle上的另一個例子剩下的,我只是簡單地分了一下:)我更新了這個例子,現在它已經從eexample中移除了。順便說一句,這是你的問題,它有助於你嗎? – Boro