3

私の要件は、sencha touch を使用して折れ線グラフにスライダーを表示することです。折れ線グラフにスライダーを表示することはできますか?

ExtJs の例では、エリア チャート用のスライダーがあり、インタラクション内のトラック マウスでスライダーを使用していましたが、モバイル用のアプリケーションを開発しているため、モバイルではトラック マウス オプションを使用できません。

タッチ チャート 1.0.0 にバンドルされている、Area - Browser Stats の例を参照しています。私たちのモバイル アプリケーションでは、折れ線グラフの要件は、ユーザーがラインをタップしてドラッグしたときに、ユーザーの指に沿って折れ線グラフの上を移動するスライダーのようなコントロールでそれぞれのマーカー値を表示/更新する必要があることです。

  1. ユーザーが(折れ線グラフの)線上で指を移動/ドラッグしたときに、折れ線グラフのマーカー値を追跡するにはどうすればよいですか?
  2. ユーザーの指に沿って移動し、その垂直線の上にそれぞれのマーカー値を表示する x 軸 (y 軸に平行) に垂直線を表示することは可能ですか?
4

1 に答える 1

0

最新の sencha touch 2.1 には、チャートのサポートが付属しています。チャートオブジェクト内でこの構成を指定します

{
                type: 'iteminfo',
                listeners: [
                {
                    fn: function(me, item, panel) { //item.record.get('X') will get you the axes value

                        panel.setHtml('Text you want to display');
                    },
                    event: 'show'
                }
                ]}

それが役に立てば幸いです...必要に応じてドラッグしませんが、ユーザーがマーカーをタップすると値を表示できます...

于 2012-12-10T12:12:33.793 に答える