jquery - 如何让 Flot 中的 X 轴标签与我的数据一起转换？

Question

我正在使用Flot绘制一些从服务器拉回的数据。我收到的 X 轴数据是以毫秒为单位的，我想用 X 轴以秒为单位显示图表。所以，我认为这是对API的transform轴选项的一个很好的使用。我像这样应用了我的变换：

var plot = $.plot($("#placeholder"),
       { 
         grid: { hoverable: true, clickable: true },
         xaxis: { transform: function(x) { return x/1000; } }
       });

我可以看到框架正在调用我的转换函数，并且我可以看到点本身正在被转换——当我绑定plothover事件并将鼠标悬停在这些点上时，我可以看到 X 值被适当地转换。问题是 x 轴刻度标签也没有得到转换。

我需要做什么才能让轴标签本身与我的数据一起转换？

Answer 1

我不确定“正确”的答案是什么，但您可以提供自己的刻度标记功能，并让它执行与转换功能相同的工作。

var plot = $.plot($("#placeholder"),
   { 
     grid: { hoverable: true, clickable: true },
     xaxis: { transform: function(x) { return x/1000; },
              tickFormatter: function(x) { return x/1000; } }
   });