1

Flotを使用して、サーバーからプルバックしたデータをグラフ化しています。受信したX軸のデータはミリ秒単位で、X軸のグラフを秒単位で表示したいと思います。したがって、これはAPItransform軸オプションの適切な使用法だと思いました。私は次のように変換を適用しました:

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

変換関数がフレームワークによって呼び出されていることがわかります。また、ポイント自体が変換されていることがわかります。plothoverイベントをバインドしてポイントにカーソルを合わせると、X値が適切に変換されていることがわかります。問題は、x軸の目盛りラベルも変換されていないことです。

軸ラベル自体をデータで変換するにはどうすればよいですか?

4

1 に答える 1

4

「正しい」答えが何であるかはわかりませんが、独自の目盛りラベル付け関数を提供して、変換関数と同じ仕事を実行させることができます。

var plot = $.plot($("#placeholder"),
   { 
     grid: { hoverable: true, clickable: true },
     xaxis: { transform: function(x) { return x/1000; },
              tickFormatter: function(x) { return x/1000; } }
   });
于 2010-05-18T22:49:52.427 に答える