2013-03-05 27 views
0

我使用jqplot用於繪製圖表。下面的數據點是代碼:變焦上jqplot不工作,也無法繪製

$.jqplot.config.enablePlugins = true; 
    // For these examples, don't show the to image button. 
    $.jqplot._noToImageButton = true; 




    var ticks = ["8/25/2008","1/22/2009","6/20/2009","7/20/2009","10/20/2009","6/20/2010","2/20/2011"] ; 



    goog = [[56, 60, 79,20,34,67]]; 


    var plot1 = $.jqplot(id, goog, { 
     title: title, 
     series: [{ 
      label: series, 
      neighborThreshold: -1 
     }], 



     axesDefaults: {              
      tickRenderer: $.jqplot.CanvasAxisTickRenderer , 
      tickOptions:{ 
      angle: -30, 
      fontSize: '10pt' 

      } 
     }, 


     seriesDefaults: { 
      showMarker:true,      
      pointLabels: { show:false }   
     }, 

     axes: { 
      xaxis: { 
       renderer: $.jqplot.DateAxisRenderer, 
       min:'Sun Aug 24 16:00:00 2008', 
       max:'Sun Jan 21,16:00:00 2009', 
       numberTicks: 7, 
      // tickInterval: '4 months', 
      ticks : ticks, 


       tickOptions:{formatString:'%#c'}, 

      }, 
      yaxis: { 
       tickOptions:{formatString:'%.2f'} 
      } 
     }, 
     cursor:{ 
     show: true, 
     zoom:true, 
     showTooltip:true 
     } 
    }); 

    $('.button-reset').click(function() { plot1.resetZoom() }); 

這些是我面對

  1. 問題

    數據點不繪製,所以我得到一個空白圖。

  2. 在縮放時,只有Y軸發生變化,而X軸保持不變。

  3. CanvasAxisTickRenderer不工作,所以我沒有得到ticks指定的角度。

  4. minmax爲X軸也不能正常工作,該圖繪製本身的ticks採取第一和ticks數組的最後一個值。

我是新來jquery所以請不介意了這麼長的問題,任何幫助表示高度讚賞。 在此先感謝。

+0

有您加載所需的所有插件?(jqplot.cursor.min.js,jqplot.canvasAxisTickRenderer.min.js,jqplot.pointLabels.min.js,jqplot.dateAxisRenderer.min.js ...) – AnthonyLeGovic 2013-03-05 17:03:46

+0

@AnthonyLeGovic是的,我已經加載了所有的插件,並且沒有發現與某個特定JS沒有關聯的錯誤,如FireBug所示,也就是說所有插件都以正確的路徑加載。 – user2002522 2013-03-06 05:20:00

回答

0

你的數據沒有很好的聲明,你需要指定一個[x,y]值的數組。您的goog變量變爲:

goog = [[[「8/25/2008」,56],[「1/22/2009」,60],[「2009年6月20日」,79],[ 「2009/7/20」,20],[ 「10/20/2009」,34],[ 「2010年6月20日」,67],[ 「2011年2月20日」,42]]];

PS:我還在goog中添加了一個新值,以便讓7個點成爲7個點。

+0

是的,根據jqplot網站上的例子,他們已經爲每個點使用了[x,y]數組,但是我也在研究條形圖,所以正在考慮爲輸入創建一個通用格式,也就是不同的數組[ x]和[y]與索引映射。無論如何,我嘗試使用[x,y],現在它工作正常。非常感謝您寶貴的答覆,非常感謝! – user2002522 2013-03-06 09:49:50

+0

不客氣! – AnthonyLeGovic 2013-03-06 11:27:39

0

由於您在x軸上指定了「ticks」選項,所以不會放大x軸。我有同樣的問題。在我看來,這是一個錯誤。它應該按預期工作,即使在我設置滴答時(作爲初始「未縮放」值)。

+0

這個答案使我能夠在遇到同樣的問題時找到完整的修復程序。儘管在x軸上啓用滴答似乎無法停止縮放,但我還需要從我的頁面標記中刪除jqplot.canvasAxisTickRenderer.js。 之後,縮放按照它的意圖工作。 – digitalformula 2016-10-03 10:35:10