jquery - FLot命令的条形太小且彼此距离太远

我有一个带orderBars插件的Flot图。

我有2个不同年份的JSON数据，当我将它们一起渲染时，它们会变得太小。当我每年分离时，看起来还可以。

我试图覆盖选项中没有成功的条的宽度。

如何解决这个问题？
Example

最佳答案

orderBars插件正在尝试执行的操作是计算适当的抖动值以使小节彼此偏移。鉴于较大的javascript毫秒值，它似乎失败了（它没有考虑大范围的数据，似乎试图将它们抖动1秒）。因此，通常我对flot的建议是，跳过该插件并自己抖动这些小节。

一年有3.15569e10毫秒；这除以条数，是良好的+-抖动值的基础：

var millisInYear = 3.15569e10;
var N = raw2013.length;
var jitter = millisInYear / N;
for (var i = 0; i < N; i++){
    // find the midpoint and jitter around it
    // this way the "middle" bar is over the year tick
    if (i < N/2){
        raw2013[i].data[0][0] = raw2013[i].data[0][0] - (jitter * (N/2 - i));
    }else{
        raw2013[i].data[0][0] = raw2013[i].data[0][0] + (jitter * (i - N/2));
    }
}

这是更新的fiddle（对不起，我删除了JSON解析，但是使用我正在喝的威士忌更容易思考：）