2012-01-18 51 views
1

我使用jqplot绘制一个简单的条形图,但只有第一个和最后一个条的一半正在渲染。 这里是图像enter image description herejqplot在视觉区域外渲染

有没有办法让图表适合内部?

感谢

UPDATE 在X轴我使用dateAxisRenderer作为渲染器。

回答

2

axes: { xaxis: { } }选择我会尝试使用:

min: null,  // minimum numerical value of the axis. Determined automatically. 
max: null,  // maximum numverical value of the axis. Determined automatically. 
pad: 1.2,  // a factor multiplied by the data range on the axis to give the 
       // axis range so that data points don't fall on the edges of the axis. 

选项。如果这不起作用,您应该尝试设置最小值和最大值,稍大于数据范围。

EDITS征求意见

我想你会发现很多更容易,如果你以来1970/01/01毫秒数的JavaScript标准去与日期的工作。这就是为什么使用min/max作为字符串时出现错误的原因。指定这样的:

min: 1325376000 * 1000, // 2012/01/01 00:00:00 
max: 1326715140 * 1000 // 2012/01/16 11:59:00 

Using this min/max

enter image description here

下一个障碍是,你的日期没有时间。 JQPlot将这些作为当天的第一分钟,所以他们相应地与标签对齐。如果你想让他们居中对齐,你需要指定一个中午12:00的时间。再一次,你可以从字符串中解析出来,但我会切换到毫秒。

+0

嗨。感谢您的回复。这就是我认为...但是我使用的是dateAxisRenderer,在这种情况下,我需要指定最小值,否则它会抛出一个JS错误,我认为在这种情况下忽略pad选项。 – 2012-01-20 14:09:10

+0

@DouaBeri,你能设置一个显示问题的jsfiddle(http://jsfiddle.net/)吗? – Mark 2012-01-20 15:30:31

+0

如果jsfiddle与其他脚本/ CSS存在某些冲突,那么http://jsbin.com可能会更好。 – Bruno 2012-01-22 17:08:33