jqplot渲染外部可视区域

时间:2012-01-18 17:46:55

标签: javascript jquery charts jqplot

我正在使用jqplot绘制一个简单的条形图,但是只渲染了第一个和最后一个条形图的一半。 这是图像enter image description here

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

由于

更新 在xAxis上我使用dateAxisRenderer作为渲染器。

1 个答案:

答案 0 :(得分: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.

选项。首先是打击垫,如果不起作用,您应该尝试设置略大于数据范围的最小值和最大值。

评论的编辑

我认为如果你使用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 pm时间。你可以再次从字符串中解析它,但我会切换到毫秒。