2012-02-23 33 views
2

jqPlotを使用して、単純な折れ線グラフで時間(x軸)の距離(y軸)を表示しています。jqPlot軸の目盛りが基になるデータと異なるラベル

しかし、ポイントを配置するために使用される基礎データとして実際の距離がありますが、私はこれらの距離をy軸に表示することには興味がありません。

代わりに、特定の距離に一連のランドマークがあり、そのランドマークまでの距離の適切なポイントの横に「目盛り」としてy軸上に表示したいと考えています。そうすれば、各ランドマークが上を進むにつれて、その線が「通過」するように見えます。

現在、私はダニを隠し、手作業で作成した一連のラベルをグラフの横に置くことで、これを「偽造」しています。これで十分ですが、ユーザーがズームインを選択した場合、ラベルが実際の距離と一致しないため、垂直ズームを無効にする必要がありました。しかし、私のユーザーは実際には縦にズームインしたいと思っています。

したがって、私はjqPlotの指定された目盛りにカスタムラベルを関連付ける方法(プラグインまたは同様のもの)を知っていますか?これはうまく一致してズームに応答しますか?グラフがズームアウトされすぎると、ランドマークの一部を隠す必要があるため、それをフィーチャにする必要があります。

また、最小値と最大値で渡される「ズームイベント」が分かっている場合は、そのデータで手動ラベルを再作成する可能性があります。その情報を取得する方法がわかっている場合はお知らせください。私は1つを見つけることができませんでした。

+0

これは興味深い(+ 1)と思う。あなたはこれを整理できましたか?それ以外の場合はhttp://jsfiddle.netで問題を提示したコードサンプルを表示してください。 – Boro

答えて

0

距離に合わせてカスタマイズするには少しのコードを見る必要がありますが、最初に目盛りにラベルを付けるとグラフのサイズに表示されます。

axes:{yaxis:{ticks:['DiscanceA','DiscanceB', 'DiscanceC', 'DiscanceD', 'DiscanceE'],  
renderer: $.jqplot.CategoryAxisRenderer,}, 

どうすればいいのか教えてください。

+1

残念ながら、Boroのコメントと同じように、問題のコードを共有することはできません。偽の例をまとめる時間はありません。はい、私は実際に手助けするのが非常に困難であることを知っています。私は、そこにレンダラーがあって、私が気付いていなかったレンダラーがあることを頼んだとき、私は望んでいたでしょう... とにかく 'CategoryAxisRenderer'はラベルを等間隔で置くだけです...変更する方法を知っていますか? – KRyan

関連する問題