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

Question

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

Answer 1

当值为零时，您可以将该值设置为null，这样可以防止它显示，并允许您将边框保留在其他条形图上。

Answer 2

在我的应用程序中，我通过将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 }
};

Answer 3

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

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