x2 軸の日付は x1 軸の時間と一致しません。x2axis ラベルは MM-dd 形式の日付です。これは x1axis で設定された時間 (1 時間) と一致する必要があります。
var plot = $.plot('#divPlaceholder', [
{ label: itemKey[0], data: itemValue[0], color: '#4bb2c5' },
{ label: itemKey[1], data: itemValue[1], color: '#c5b47f' }
], {
series: {
lines: { show: true },
points: { show: true }
},
xaxis: {
mode: "time",
position: "top",
min: minVal, // this is current day - 24 hours
max: maxVal, // this is current date + 1 hours
timeformat: tickFormat,
tickSize: interval,
twelveHourClock: true,
zoomRange: [0.1, 10]
},
x2axis:{
show:true,
mode:'time',
position:'top',
timeformat:'%b-%d',
tickSize: [1, 'day'],
axisLabel: 'Lab Results',
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 16,
axisLabelFontFamily: "Verdana, Arial, Helvetica, Tahoma, sans-serif",
axisLabelPadding: 0
},
yaxis: {
min: 0,
panRange:[-10, 100]
},
grid: {
hoverable: true,
clickable: true,
backgroundColor: 'gray'
},
zoom: {
interactive: false
}
});