asp.net - All,Flot 坐标

Question

我是弗洛特的新手。我想在我的项目中显示每周访问者统计数据。我必须在 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 轴上。

以此为例。