代码之家 › 专栏 › 技术社区 › Chris Farmer Marcelo Cantos

如何在Flot中获得X轴标签以与我的数据进行转换?

flot jquery

Chris Farmer Marcelo Cantos · 技术社区 · 15 年前

Flot 绘制一些我从服务器中提取的数据。我接收到的X轴数据以毫秒为单位,我想以秒为单位显示X轴的图表。所以,我认为这是一个很好的利用 API 的 transform 轴选项。我这样应用我的变换:

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

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

1 回复 | 直到 10 年前

Ryley 15 年前

我不确定“正确”的答案是什么,但是您可以提供自己的tick标签函数,让它执行与转换函数相同的工作。

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

6 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

7 月前

user28928120 · 如何在jquery中选择所有类?

7 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

7 月前