問題タブ [justgage]

Raphael、SVG、およびレールを試しています。各タスクが完了ボタンを介して消されたときに、ゲージを一種の進行状況インジケーターとして動的に更新したいと思います。

完了したタスク/作成されたタスクの合計のようなもの。

添付はブラウザのビューで、以下は表示ページです。

Raphael Lib を操作する必要がありますか? またはjustgagejs lib？

まだ作業中ですが、これを達成する方法について正しい方向に向けるためのベテランのアドバイスが役に立ちます。前もって感謝します。

私はかなり長い間これを試してきました。まず、サーバーサイドスクリプトにPHPを使用し、データベースにmysqlを使用します。最近、オンラインゲージチャートにjustgage.comに出くわしました。

したがって、そのコードは次のようになります。

だから私はjavascriptautorefreshを使ってphpから動的にゲージの値を設定したいのですが、値フィールドでPHPの短いタグを使用するだけではこれは不可能です。要するに、jusgage.comチャートを使用して、htmlを更新せずにリアルタイムでphpから値を動的に取得したいのですが、これは可能ですか？

私は主にホームページの開発に集中しているため、この問題を開始するのに苦労しています。

サインアップフォームの進行状況インジケーターを表示して、フォームが完成に近づくと明らかに進行状況を表示することが望まれますが、入力用のフィールドが6つしかない単一ページのフォームです。

これはインジケーターに使用されるライブラリであり、jQueryライブラリを使用するように指示されています。jsこれがインジケーターのそれです-

明らかに、値フィールドに動的なものを記述する必要がありますが、イベント呼び出しに.keypress（）や.focus（）のようなものを使用しますか？

私の実装アプローチはどうあるべきですか？ご清聴ありがとうございました。

===========更新=========

進行状況インジケーターdivの背景色をぼかしで変更しましたが、これが解決策だと思います。APIに基づいて実際のプログレスバーを操作するスナッグをヒットしました。進行状況インジケーターでrefreshを呼び出して、値を更新できるはずです。この場合3から16

コーヒー-

まだ条件付き（何も入力されていない場合）ではありませんが、この単純なhello worldの実装は機能するはずですが、そうではありません。

Rally SDK 2.0を使用して、いくつかのカスタムゲージを使用してアプリを作成しています。これには、カスタムHTMLが必要です。出発点として、例からrakeでコンパイルされたapp.htmlファイルを取得しました。ゲージにJustGageを使用しています。これが私の起動機能です。

次に、app.htmlにカスタムHTMLを追加しました。

これをコード「this.add（'foo'）」なしで実行すると、アプリはclass = "x-container"を使用して本文に新しいdivを追加し、カスタムHTMLをそのdivの外に効果的に隠します。

「this.add（'foo'）」を使用すると、div class = x-containerが作成されず、ウィジェットが正常に表示されます。

2.0 SDKを使用して試みていることを達成するための適切な方法は何ですか？addメソッドはExtコンポーネントを追加するためのものであることに気付きましたが、どういうわけかこれを呼び出すとHTMLが正常にレンダリングされます。古いSDKで開発したいくつかのアプリを見ると、カスタムHTMLを使用しても問題なく機能しました。

パーセンテージを計算するために justGage (Raphael JS コードを使用) でいくつかのトリックをコーディングしようとしましたが、数式 :( .

ポイントは次のとおりです。svg justGage を歓迎する幅 400px の div があります。マウスクリックに続いて塗りつぶしたいと思います。たとえば、半円の右下をクリックすると、100% 塗りつぶされたかのように塗りつぶされます。左下をクリックして、0%で塗りつぶします。問題は、マウスの位置をキャッチし、それを使用してゲージを更新しようとすることですが、X 軸のみで作業すると円の形状に従っていません。

これが私の基本的な計算です：

そして、コード全体のテストfiddle .

円の形を実際にたどる公式を知っている人はいますか？

関数があり、それにいくつかのオプションを設定する必要があります。

別の関数から、好きなもののカウンターを取得します。

いいえ、最大値を交換したいです。値、200からvarlikesの値。

私の解決策value : (0, {likes}),は機能しません。

なにが問題ですか？どうもありがとうございます！

ゲージにセクターごとの色を表示させようとしています（つまり、var g1では、緑0-10、オレンジ11-22、赤23-34が必要です）。

それを行うオプションはありますが、私のような初心者のための明確な指示はありません。

どんな助けでもいただければ幸いです。

http://www.justgage.com

dfg

AngularJSでJustGaugeのディレクティブを作成しようとしています。私のhtmlビューは次のようなものです：

私の指示は次のとおりです。

このディレクティブを含むページをロードすると、JustGaugeは、対応するIDを持つ要素が見つからないというエラーを発生させます。最初のconsole.logは正常に機能しますが、2番目のconsole.logは0を返します。また、angularjsを初めて使用するため、この問題を解決できませんでした。

JustGage が持つメソッドなどは問題ではないと思うので、掘り下げませんでしたが、この新しい object がありますg。

私の質問は、スクリプトの後半で値パラメーターを取得する方法です。

私はそれvar value = g.valueがうまくいくと思っていましたが、そうではありません。

justgage.js ファイルの一部を次に示します。