日期轴呈现jqplot宽度不一致。
日期轴呈现jqplot宽度不一致。
提问于 2013-11-14 12:48:23
我正在jquery中使用dateaxisrender绘制一个图形。这里我们以x轴给出了从服务器收到的日期。
图形绘制得很好，但每个x号之间的差距是不同的。
假设我的xtciks日期是：“08-8月”，“10-8月”，“01-9月”，“15-9月”，25-12月。
“08-8月”与“10-8月”之间的差距很小。“10-8月”和“01-9月”之间的差距很大，“15-9月”和25-12月之间的差距更大。
我认为这张图是在考虑日期之间的天数，给出每个日期之间的宽度。但在我的例子中，它应该是相同的宽度。
有人能建议我如何紧急解决这个问题吗？
我无法在这里粘贴图形图像。
$.jqplot(grphOneID, [grdPoints], YI.getGraphOpts(grdXTcks, YAxisLbl)).replot();
getGraphOpts: function (XTcks, YAxisLbl) {
/// <summary>Object that holds all the setting's required for Graph generation.</summary>
$.jqplot.config.enablePlugins = true;
var optsObj =
{
axes: {
yaxis: {
ticks: m_CompositeReport.stdYLbls,
label: YAxisLbl,
tickOptions: {
formatString: '%d'
}
},
xaxis: {
renderer: $.jqplot.DateAxisRenderer,
label: 'Shop',
ticks: XTcks,
tickOptions: {
formatString: "%m/%d",
markSize: 4
},
numberTicks: 0,
}
},
seriesColors: m_CompositeReport.stdColors.reverse()
}
return optsObj;
},注意:我们不能使用CategoryAxisRender，因为它将行之间的x刻划为：http://jsfiddle.net/JWhmQ/2052/，但是我们需要在行上绘制日期，如：http://www.jqplot.com/deploy/dist/examples/customHighlighterCursorTrendline.html
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-11-14 19:07:55
对于你的x轴：
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
label: 'Shop',
ticks: XTcks,
tickOptions: {
formatString: "%m/%d",
markSize: 4
},
numberTicks: 0
}并将此文件包含到代码中：http://www.jqplot.com/deploy/dist/plugins/jqplot.categoryAxisRenderer.min.js
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19978065
复制相关文章
相似问题
腾讯云开发者
