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

Question

这是JSFiddle

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

.xAxis .tickLabel 上的

display:none 似乎无法解决此问题。更新到 jquery flot library.

的最新版本后出现此问题

当前与错误：

期望的和正确的：

Answer 1

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

将此添加到您的 CSS

#example-section15 {
  height: 230px;
}

Answer 2

如果您不希望 x 轴上有刻度标签并且没有垂直网格线，您可以将 ticks 属性 设置为空数组：

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

看到这个 fiddle。

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

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

看到这个 fiddle。

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