flot动态条宽

时间:2014-08-18 13:57:03

标签: javascript jquery flot

这是我以前用于吧的代码

bars: {
                   show: true,
                   barWidth: 12 * 24 * 60 * 60 * 300,

当x轴的minmax值分别为2014-2-2.gettime()2014-9-9时,该宽度适用于我(我试图给你的想法不是确切的语法)。

但是当数据从6月到7月时,条形似乎很宽

有没有办法让flot自己制作宽度并使其不会太大而不会太小?

1 个答案:

答案 0 :(得分:0)

据我所知,flot不会自动缩放条形图。当然,默认的barWidth: 1, // in units of the x axis不会削减大规模时间图。所以这是我尝试一种简单的算法,它在条形图之间留下相同大小的条形和空白区域:

calcBarWidth = function(numBars, minTime, maxTime){
   // assuming an even distribution
   var totWidth = maxTime - minTime;
   // totalWidth = (numBars * barSize) + ((1 + numBars) * barSize), solved for barSize
   return (totWidth / ((2 * numBars) + 1));
}

未经测试的代码......