我想用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
}
});
}
在我看來,這是不可能與jqPlot。檢查這個flot示例:http://www.flotcharts.org/flot/examples/visitors/index.html它確實如你所願。 –