問題タブ [justgage]

次の一般的な JavaScript 実装の問題についてアドバイスをいただけますか: JStree から jastgage オブジェクトを動的に構築し、配列を取得し、配列内の各要素について、3 つの diff jastgage オブジェクトを作成し、各オブジェクトに uniuck 名を付けます。

「i」は配列のインデックス番号です...（私のobj名は j1_0 、 j2_0 、 j3_0 、... j1_1 、 j2_1 、 j3_1 ..... ）必要に応じてすべてのオブジェクトを表示できますが、試してみると（オブジェクトを作成した直後に）値を更新するには

失敗し、何も更新されず、デバッグが表示されます: g1_ is not defined

私は何が間違っているのですか？

私はグラファイトを使用して統計を取得しており、変数のジャストゲージゲージをレンダリングしたいと考えています。Graphite は、次のいずれかの json を使用して値を吐き出すことができます。

[{"target": "snmp.ssbSubstation.realEnergy.1", "datapoints": [[4511552439.0, 1417540920]]}]

または生：

snmp.ssbSubstation.realEnergy.1,1417540860,1417540920,60|4511552439.0

これは、json または raw のどちらを指定したかに応じて返されるソースの 1 行全体です。URLは次のようにフォーマットされていますhttp://<graphite server>/render?target=snmp.ssbSubstation.realEnergy.1&format=raw&from=-1min

いずれにせよ、4511552439.0それをゲージの値として取得して設定し、grafana の html パネルにレンダリングしたいと思います。これを行う非常に簡単な方法はありますか？

私はJustGageを次のように含めました：

ゲージ div を次のように配置しました。

これにより、jsp ページでゲージが適切にレンダリングされるはずですが、次のように表示されます。

現在、最大値、最小値、値のいずれも表示されていません。これは Firefox では正常に機能しますが、Chrome では機能しません。

JustGage は Raphael を使用しますが、ここで詳しく説明されているように、AMD に準拠していません (したがって、Require.js では動作しません)。

私は以前に Require.js を使用したことがなく、多くの JS も使用したことがないため、これを回避するために戦っています。色々試行錯誤しました(;_;)

ここで提案されているアプローチを使用して、Raphael モジュールを個別のファイルに分割して個別にインクルードし、JustGage で何をすべきかを推測しました。

しかし、指示には「上記の構成の後、他のrequire-jsモジュールと同様にRaphaelの使用を開始できます」と書かれており、あまり役に立ちません;)

main.jsで何かをする必要があると思いますか?

私が持っている私のcshtmlページで

これで少なくとも JustGage が見つかりましたが、エラーが発生しました'Raphael' is undefined.

（cshtmlファイルにスクリプトを直接インクルードすることも試みましたが、エラーが発生しました'Mismatched anonymous define() module: function (eve) {'）

Require.js は物事がグローバル スコープにないことを意味するという私の理解は正しいですか? また、JustGage は Raphael がグローバル スコープに含まれることを期待していますか?

JustGage を機能させるためのヘルプはありますか? または、Require.js で動作する「speedo」タイプのゲージ用の同等のライブラリの推奨事項はありますか?

JustGageを使用してグラフを作成しています。これが私のJavaScriptです：

タイトルにフォントの素晴らしいアイコンを表示することはできますか? Unicode () を追加しようとしましたが、うまくいきませんでした。また、アイコンをコピーして貼り付けようとしたところ、正方形になりました。

現在正方形があるグラフの上にアイコンが必要です。

デモコードは次のとおりです。

ライブデモ: http://jsbin.com/layoku/1/edit?html,js,output

私は JustGage と Bootstrap を使用しており、Javascript JustGage の値に基づいてポップオーバーに変数コンテンツを表示したいと考えています。

たとえば、ゲージの値が 0 ～ 50 の場合は「もっと頑張ってください」と表示され、50 ～ 200 の場合は「よくやった」と表示され、ポップオーバー コンテンツに表示されます。- (ゲージ 1 をクリックすると表示されます)。

これが私がこれまでに持っているものです... https://jsfiddle.net/e4v62nh6/1/

特定のページでUbuntuのCPU使用率の107％以上を占め、他のページではそれ以下のプログラムを最適化しようとしています（70％-複数のゲージも表示していますが、異なる-、5％は他のデータを表示しています（ゲージを表示していません） )、など...)。

私のページは、raphael.js を使用している justgage.js を使用して複数のゲージを表示しています

Google Developers Tools を使用してデバッグしようとしましたが、「Collect Javascript CPU Profile」を使用しても、何かがその CPU を使用しているとは思えません。私が見る唯一のものは、機能「プログラム」の100％です

これをデバッグする方法について何か考えがありますか? または、何がこのような CPU を取ることができますか?

ubuntuで「top」コマンドを使用しているCPUは、firefoxまたはchromeを使用している場合と同じ結果になることに注意してください。

私はすでにJustGage Javaスクリプトを使用してドーナツセクターをプロットしています。現在、単色で扇形を描いています。たとえば、95% の場合は緑で塗りつぶし、95% 未満の場合は赤で塗りつぶします。私の要件では、40% を異なる色でプロットする必要があります。たとえば、緑 20%、赤 10%、オレンジ 10% などです。JustGage スクリプトを使用してこれを行うにはどうすればよいですか。