全部，Float坐标

Question

我是Flot的新手。 我想在我的项目中显示每周访问者统计信息。 我不得不每月都会对Flot的访客进行讨论。 例如 第1周至第1-5周有500名访客。  6-12有900名访客。 等等。 我想将X坐标显示为1-5,6-12,13-19，.... 任何人都可以建议做什么。 严格使用Flot。

Answer 1

查看tickFormatter：

  

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

所以你要找的是这样的：

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

  }

});

Answer 2

我认为你只想要一个简单的旧条形图，但是因为你有一些与日期有关的数据而被误导了。

在你给Flot图表的数据中，使用假数字作为x值只是增加整数。所以1-5放0，6-12放1，依此类推。

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

请参阅this作为示例。