Javascript flot动态条宽
这是我用于酒吧的代码Javascript flot动态条宽,javascript,jquery,flot,Javascript,Jquery,Flot,这是我用于酒吧的代码 bars: { show: true, barWidth: 12 * 24 * 60 * 60 * 300, 当x轴的最小值和最大值分别为2014-2-2.gettime和2014-9-9时,这个宽度适用于我。我试图给你一个想法,而不是确切的语法 但当数据是从6月到7月时,这个界限似乎很宽 有没有办法让flot自身调整宽度,使其不太大也不太小?据我所知,flot不会自动调整条的比例。默认的barW
bars: {
show: true,
barWidth: 12 * 24 * 60 * 60 * 300,
当x轴的最小值和最大值分别为2014-2-2.gettime和2014-9-9时,这个宽度适用于我。我试图给你一个想法,而不是确切的语法
但当数据是从6月到7月时,这个界限似乎很宽
有没有办法让flot自身调整宽度,使其不太大也不太小?据我所知,flot不会自动调整条的比例。默认的barWidth:1,//以x轴为单位,当然,对于大规模的时间图,它不会被剪切。下面是我对一个简单算法的尝试,该算法在条之间留下大小相等的条和空白:
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));
}
未测试的代码…如果您只是删除了barWdith设置,它将默认为均匀分布在整个容器的宽度上。@briansol您的意思是宽度将自动计算,还是宽度将处于最小值?@briansol当我删除barWdith时,这些条甚至没有显示出来