對於我的生活,我無法弄清楚使用dateAxisRenderer在我的X軸上關閉蜱的問題。這隻發生在超過1個月的範圍內。我手動設置分鐘和最大值,我的所有日期數據格式爲Y-m-d
from php。我嘗試了所有可以找到的內容來強制圖表開頭和結尾的刻度,並避免在圖形中途出現不匹配。我附上了一個展示問題的截圖。我還在dateAxisRenderer中附加了修復daysInMonths數組(錯誤的數字),但該變量似乎沒有在任何地方使用。jqPlot刻度線不匹配使用dateAxisRenderer
注意: js中顯示的數據只是爲了演示結構,一個真實的設置太過於無法發佈。
圖片:
在上述畫面,在該月的變化時,會出現不匹配。 10月29日的標籤具有30日的要點和數據。運行console.log(targetPlot.axes.xaxis.max)
總是會返回我的max + 1天的js紀元,即使我明確設置了max也是如此。
我的代碼:
var graphData = {"object1":[["2013-01-01", 0], ["2013-01-02", 0]], "object2":[["2013-01-01", 0], ["2013-01-02", 0]]};
var time = '%#d-%b-%y';
var min = '2013-10-23';
var max = '2013-11-21';
var toPlot = [graphData.object1, graphData.object2];
$.jqplot.enablePlugins = true;
window.targetPlot = $.jqplot('chart-main', toPlot, {
animate: true,
animateReplot: true,
seriesDefaults: {
showMarker: false,
pointLabels: { show: false },
markerOptions: {
show: true,
style: 'filledCircle',
size: 7
}
},
seriesColors: colours,
cursor: {
show: true,
showTooltip: false
},
series: [
{
showMarker: true,
lineWidth: 2,
rendererOptions: {
animation: {
speed: 1500
}
}
},
{
showMarker: true,
lineWidth: 2,
yaxis: 'y2axis',
rendererOptions: {
animation: {
speed: 1750
}
}
}
],
axesDefaults: {
useSeriesColor: true,
rendererOptions: {
alignTicks: true,
tickDistribution: 'even'
}
},
axes: {
xaxis: {
renderer: $.jqplot.DateAxisRenderer,
tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
tickOptions: {
angle: -65,
fontSize: '8pt',
formatString: time
},
min: min,
max: max
},
yaxis: {
tickOptions: {
fontSize: '8pt'
},
min: 0,
pad: 0
},
y2axis: {
tickOptions: {
fontSize: '8pt'
},
min: 0,
pad: 0
}
}
});
感謝