jqplot을 사용하여 일부 timeseries 데이터를 브라우저에 시각화하고 싶습니다. 내 문제는 x 축 값이 오버레이되어 읽을 수 없다는 것입니다.jqplot 확대/축소 기능이 작동하지 않습니다.
따라서 줌 기능은 매우 유용합니다. 그러나 그것은 효과가 없습니다.
하면 바이올린을 살펴 제발, 그냥 구글 크롬에, 파이어 폭스에서 실행되지 않습니다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에서는 불가능합니다. 이 플롯 예제를 확인하십시오 : http://www.flotcharts.org/flot/examples/visitors/index.html 정확히 원하는대로 작동합니다. –