我无法正确使用DateAxisRender for jqplot。
要求是我们必须在x轴上显示预约日期,在y轴上显示患者数量。 日期是固定的,它们来自服务器,我们必须在x轴上绘制相同的日期。
示例日期为:
s1 = [['01-May-08', 1], ['10-May-08', 4], ['25-May-08', 2], ['30-May-08', 6]];
$.jqplot(grphOneID, [s1], YI.getGraphOpts(YAxisLbl)).replot();
getGraphOpts: function (YAxisLbl) {
$.jqplot.config.enablePlugins = true;
var optsObj =
{
series: [{
pointLabels: {
xpadding: 8,
escapeHTML: false
},
rendererOptions: {
smooth: true
}
}],
axes: {
yaxis: {
ticks: m_CompositeReport.stdYLbls,
label: YAxisLbl,
tickOptions: {
formatString: '%d'
}
},
xaxis: {
renderer: $.jqplot.DateAxisRenderer,
label: 'Shop',
tickOptions: {
formatString: "%#m/%#d/%y"
},
numberTicks: 4
}
},
seriesColors: m_CompositeReport.stdColors.reverse()
}
return optsObj;
},
绘制图表后,日期会搞砸。 它们将于'4/30/08','5/7/08','5/14/08','5/21/08','5/28/08','6/4/08 ”。
为什么会这样? 请告知我在这里做错了什么。
提前致谢...
答案 0 :(得分:1)
在formatString
内谨慎使用xaxis
,因为它在显示日期方面有所不同。
formatString: "%#m/%#d/%y"
您可以从此链接中选择不同的formatString
:http://www.jqplot.com/docs/files/plugins/jqplot-dateAxisRenderer-js.html