我正在使用jquery jqplot插件。 我有关于设置tickInterval的问题。 我希望在10:00到12:00之间显示X轴值一分钟差异,例如10:01,10:02,10:03,......,11:59。 为此,我写了这段代码。
var data = [['10:55', 578.55], ['11:02', 566.5], ['11:04', 480.88], ['11:08', 509.84],
['11:12', 454.13], ['11:22', 379.75], ['11:33', 303], ['11:39', 308.56],
['11:41', 299.14], ['11:52', 346.51], ['11:54', 325.99], ['11:56', 386.15]];
var plot1 = $.jqplot('chart1', [data], {
title: 'Average Response Time Graphic - Last One Hour By Minute',
axes: {
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
labelOptions:{
fontFamily:'Helvetica',
fontSize: '14pt'
},
xaxis: {
label : "Time",
renderer: $.jqplot.DateAxisRenderer,
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
<!--tickOptions:{formatString:'%d.%m.%y %H:%M:%S', angle: -30},-->
tickOptions: {
formatString:'%H:%M:%S',
angle: -30,
tickInterval : '1 minute'
<!--tickInterval : '60000' -->
},
<!--min: '2013-02-05 10:50', -->
min: '10:00',
max: '12:00'
},
yaxis: {
label: "Average Response Time",
tickOptions: {
formatString: '$%.2f'
}
}
},
highlighter: {
show: true,
sizeAdjust: 7.5
},
cursor: {
show: false
}
});
但是,由于x轴值在10:00到12:00之间有10分钟的差异,因此此代码无法正常工作。 顺便说一句,我添加了所有jqplot插件文件,不会导致错误的javascript评估。
我已经看过这个问题jqPlot DateAxis tickInterval not working并尝试了第一个答案,但它也不起作用。
有没有人可以帮我解决这个问题? 提前谢谢,
最好的问候。
答案 0 :(得分:0)
我找到了解决方案!当我从tickOptions中删除tickInterval并放在xaxis下时,它工作正常!