可以隐藏条形图中的零高度条形图?

Lil*_*ily 10 javascript jquery charts flot

对于0的值,Flot喜欢在条形图中绘制一条平线.是否可以将其配置为不绘制任何内容?

Jus*_*tin 8

当它为零时,您可以将该值设置为null,这将阻止它显示,并允许您保持其他条形的边框.


小智 7

在我的应用程序中,我通过将yaxis min设置为大于0且小于我正在使用的分辨率的值来解决了这个问题.边界可见,扁线隐藏.

var options = {
series: {
    stack: 0,
    lines: { show: false, fill: true, steps: false },       
            bars: { show: true, barWidth: 0.6 } 
        },
    xaxis: {
        mode: "time",
        timeformat: "%H:%M"
    },
    yaxis: { 
        min: 0.5 
    },
    selection: { mode: "x" },
    grid: { hoverable: true }
};
Run Code Online (Sandbox Code Playgroud)


Lil*_*ily 6

一种解决方案:将条形的lineWidth设置为0.这样可以消除条形周围的边框.

这是以Flot的小值可见性为代价的.对于边框,即使您的图表具有较大的值,例如1和2也是不同的.没有边框,可能很难看到小数字,但是这种效果可以通过坚持使用较暗的fillColor值来抵消.