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

Question

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

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

我可以看到框架正在调用我的变换函数，并且我可以看到点本身正在被变换 - 当我绑定(bind) 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; } }
   });