jqplot xaxis 不是从给定的时间开始
jqplot xaxis not starting from the given hour
正在呈现的 x 轴不是从数据中的给定时间开始。
PFB JSFiddle 供参考
https://jsfiddle.net/sonal215/6Lg9f5dx/
代码如下:
$(document).ready(function(){
var l1 = [['5/17/2016 10 AM', 78], ['5/17/2016 11 AM', 34], ['5/17/2016 12 PM', 67], ['5/17/2016 1 PM' , 18], ['5/17/2016 2 PM' , 33],['5/17/2016 3 PM', 7],['5/17/2016 4 PM', 13],['5/17/2016 5 PM' , 73],['5/17/2016 6 PM' , 93],['5/17/2016 7 PM' , 43],['5/17/2016 8 PM' , 53],['5/17/2016 9 PM' , 11],['5/17/2016 10 PM' , 83],['5/17/2016 11 PM' , 23]];
targetPlot = $.jqplot('targetAvailability', [l1], {
seriesDefaults:{
showMarker: false,
fill: true,
},
tickInset: 0,
axes: {
xaxis:
{
renderer:$.jqplot.DateAxisRenderer,
tickRenderer:$.jqplot.AxisTickRenderer,
tickOptions:
{
showGridline: false,
fontSize: '11px',
fontFamily: 'CiscoSansTTLight' ,
},
tickInterval: '8 hour',
min: '5/17/2016 11 AM',
},
yaxis: {
tickOptions:
{
fontSize: '11px',
fontFamily: 'CiscoSansTTLight' ,
},
min: 0,
max: 100,
tickInterval: 25
}
},
cursor: {
show: true,
zoom: true,
showTooltip: false
}
}); //end of targetPlot
}); //end of document ready
我尝试将 tickInterval 更改为 6 小时,然后 x 轴从 6:00 开始渲染。我无法弄清楚 tickInterval 和滴答起点之间的关系。请帮助
您应该删除 tickInterval
并为 xaxis
设置 min
和 max
点定义:
xaxis:
{
min:'5/17/2016 10 AM',
max:'5/17/2016 11 PM',
...rest of the code
我已经用一个工作示例更新了您的 Fiddle:
https://jsfiddle.net/6Lg9f5dx/4/
如果要保留 tickInterval
,请删除 max
定义并仅使用 min
。
正在呈现的 x 轴不是从数据中的给定时间开始。
PFB JSFiddle 供参考
https://jsfiddle.net/sonal215/6Lg9f5dx/
代码如下:
$(document).ready(function(){
var l1 = [['5/17/2016 10 AM', 78], ['5/17/2016 11 AM', 34], ['5/17/2016 12 PM', 67], ['5/17/2016 1 PM' , 18], ['5/17/2016 2 PM' , 33],['5/17/2016 3 PM', 7],['5/17/2016 4 PM', 13],['5/17/2016 5 PM' , 73],['5/17/2016 6 PM' , 93],['5/17/2016 7 PM' , 43],['5/17/2016 8 PM' , 53],['5/17/2016 9 PM' , 11],['5/17/2016 10 PM' , 83],['5/17/2016 11 PM' , 23]];
targetPlot = $.jqplot('targetAvailability', [l1], {
seriesDefaults:{
showMarker: false,
fill: true,
},
tickInset: 0,
axes: {
xaxis:
{
renderer:$.jqplot.DateAxisRenderer,
tickRenderer:$.jqplot.AxisTickRenderer,
tickOptions:
{
showGridline: false,
fontSize: '11px',
fontFamily: 'CiscoSansTTLight' ,
},
tickInterval: '8 hour',
min: '5/17/2016 11 AM',
},
yaxis: {
tickOptions:
{
fontSize: '11px',
fontFamily: 'CiscoSansTTLight' ,
},
min: 0,
max: 100,
tickInterval: 25
}
},
cursor: {
show: true,
zoom: true,
showTooltip: false
}
}); //end of targetPlot
}); //end of document ready
我尝试将 tickInterval 更改为 6 小时,然后 x 轴从 6:00 开始渲染。我无法弄清楚 tickInterval 和滴答起点之间的关系。请帮助
您应该删除 tickInterval
并为 xaxis
设置 min
和 max
点定义:
xaxis:
{
min:'5/17/2016 10 AM',
max:'5/17/2016 11 PM',
...rest of the code
我已经用一个工作示例更新了您的 Fiddle:
https://jsfiddle.net/6Lg9f5dx/4/
如果要保留 tickInterval
,请删除 max
定义并仅使用 min
。