2013-06-01 119 views
2

我想用jqplot在瀏覽器中可視化一些時間序列數據。我的問題是,x軸值重疊並且不可讀。jqplot縮放功能不起作用

因此,縮放功能將非常有用。但它不起作用。

請看看小提琴,它不會在Firefox只是谷歌瀏覽器運行:

http://jsbin.com/onufih/9/edit

這裏是我的代碼:

function getTicks() { 

    var ticks = []; 

    for (var i = 0; i < data.length; i++) { 
     var item = data[i]; 
     var dateStr = item[0]; 
     ticks.push(dateStr); 
    } 

    return ticks; 
} 

var overviewChart = $.jqplot('overviewChart', [data], { 
    title: 'Rotated Axis Text', 
    axes: { 
     xaxis: { 
      renderer: $.jqplot.DateAxisRenderer, 
      rendererOptions: { 
       tickRenderer: $.jqplot.CanvasAxisTickRenderer 
      }, 
      ticks: getTicks(), 
      tickOptions: { 

       formatString: '%#m/%#d/%y - %#H h - %#M m - %#S s', 
       fontSize: '10pt', 
       fontFamily: 'Tahoma', 
       angle: -40 
      } 
     }, 
     yaxis: { 
      rendererOptions: { 
       tickRenderer: $.jqplot.CanvasAxisTickRenderer 
      }, 
      tickOptions: { 
       fontSize: '10pt', 
       fontFamily: 'Tahoma', 
       angle: 30 
      } 
     } 
    }, 
    series: [{ 
     lineWidth: 4, 
     markerOptions: { 
      style: 'square' 
     } 
    }], 
    cursor: { 
     zoom: true, 
     looseZoom: true 
    } 
}); 

}

+0

在我看來,這是不可能與jqPlot。檢查這個flot示例:http://www.flotcharts.org/flot/examples/visitors/index.html它確實如你所願。 –

回答

1

由於您已指定「滴答」選項,所以無法正常工作。我有同樣的問題。在我看來,即使設置了滴答時間(作爲初始的「未縮放」值),它也應該按預期工作。