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

时间:2016-02-29 05:05:22

标签: javascript jquery graph charts flot

我发现了jquery flot。我想隐藏标签x-axis,但我想保留vertical axis

这是我的演示代码:my demo

这是我的图片我期望的内容(删除所有标签x-axis)。 enter image description here

希望每个人都可以帮助我。非常感谢你。

更新

我将我的代码更新为labelWidthlabelHeight,但它仍然显示。

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"
}

更新:关注Stargazer的回答。它运作良好。

我们只是更新css

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

2 个答案:

答案 0 :(得分:2)

添加到.css文件:

  $ CREATE FUNCTION make_default_privileges() returns trigger as $$
  begin
  update userinfo set Profile_ID='-1' where Profile_ID=old.Profile_ID;
  end;
  $$ language plpgsql;
  create trigger delVPNProfile before delete on VPN_Profile_List for each row begin EXECUTE PROCEDURE make_default_privileges();

jsFiddle

答案 1 :(得分:0)

我不知道以前的版本,但是v3.0.0可以工作:

  xaxis: {
    showTickLabels: 'none'
  }

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