jQuery Flot Charts：删除条形图下方的标签

Question

这是JSFiddle

我需要移除条形下方的标签，从而消除图表和容器末端之间的间隙（空白区域）。标签是动态的，因此空白区域的高度可以更大或更小。

display:none上的

.xAxis .tickLabel似乎无法解决此问题。更新到jquery flot library的最新版本后会出现此问题。

当前和错误：

渴望并且正确：

Answer 1

如果您不想在x轴上标记标签而没有垂直网格线，则可以将ticks属性设置为空数组：

    xaxis: {
        tickColor: "FFFFFF",
        ticks: []
    },

请参阅此fiddle。

如果要保留垂直网格线，可以使用带有空字符串的数组作为刻度标签：

    xaxis: {
        tickColor: "FFFFFF",
        ticks: [
            [1, ""],
            [2, ""],
            [3, ""],
            [4, ""],
            [5, ""]
        ]
    }

请参阅此fiddle。

如果您需要图表中其他功能的标签，请将数组保存在变量中并从那里使用。

Answer 2

试试这个http://jsfiddle.net/L0r76411/3/

将此添加到您的CSS

#example-section15 {
  height: 230px;
}