隐藏标签 x 轴但仍保持垂直轴 jquery flot

Question

我正在寻找 jquery flot。我想隐藏标签 x-axis 但我想保留 vertical axis.

这里是我的演示代码：my demo

这是我期望的图片（删除所有标签 x-axis）。

希望大家帮帮我。非常感谢。

更新：

我将代码更新为 labelWidth 和 labelHeight，但它仍然出现。

xaxis: {
  mode: "time",
  timezone: "browser",
  ticks: 6,
  labelWidth: 0,
  labelHeight: 0,
  ticks: [
    now_hour,
    now_hour + 3600000*1,
    now_hour + 3600000*2,
    now_hour + 3600000*3,
    now_hour + 3600000*4,
    now_hour + 3600000*5,
    now_hour + 3600000*6 
  ],
  timeformat: "%H:%M"
}

更新: 按照观星者的回答。它也有效。

我们刚刚更新css.

.tickLabels .xAxis { 
 color:transparent !important; 
}

Answer 1

添加到 .css 文件：

.tickLabels .xAxis { 
  color:transparent !important; 
}

jsFiddle

Answer 2

我不知道以前的版本，但 v3.0.0 有效：

  xaxis: {
    showTickLabels: 'none'
  }

检查这个例子的源代码https://www.flotcharts.org/flot/examples/axes-labels/index.html

隐藏标签 x 轴但仍保持垂直轴 jquery flot

Hide label x-axis but still keep vertical axis jquery flot

javascript

jquery

charts

graph

flot