所有，Flot坐标

Question

我是Flot的新手。我想在我的项目中显示每周的访客统计数据。我不得不在Flot上给每月的访客买东西，但每周都要。第一周1-5有500名参观者。有900名参观者。诸若此类。我想把X坐标显示为1-5,6-12,13-19，...有没有人能建议我怎么做。严格使用Flot。

Answer 1

查看tickFormatter：

或者，为了最终控制刻度的外观，您可以向"tickFormatter“提供一个函数。向该函数传递两个参数，一个是Tick值，另一个是带有信息的“轴”对象，它应该返回一个字符串。

所以你要找的东西是这样的：

$.plot(placeholder, data, {
  //your options here
  xaxis: {
    tickFormatter: function(val,axis){
      return (val+1).toString()+'-'+(val+5).toString();
    }

  }

});

Answer 2

我认为你只是想要一个普通的旧条形图，但却被你有一些与日期相关的数据所误导。

在您给Flot绘制的数据中，使用假数字作为x值，这些值只是递增的整数。因此对于1-5 put 0，对于6-12 put 1，以此类推。

然后，正如Ryley所说，使用刻度格式化程序将标签放在所需的x轴上。

请参阅this作为示例。