問題タブ [google-gauges]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
527 参照

javascript - 「google.visualization.NumberFormat」を使用してサフィックスを追加します

Google ゲージ チャートの値の横に「%」を追加しようとしてきましたが、それは私が見逃している愚かなものだと確信しています。

別の投稿に続いて、私が試したのは次のとおりです。Googleゲージに%記号を追加する

正しい方向への微調整は大歓迎です。優しくしてください...

参考までに、これは Stack Exchange での私の最初の投稿です。フォーマット エラーや質問があれば教えてください。

0 投票する
1 に答える
71 参照

javascript - Google チャート アニメーションを使用して数値をアニメーション化するにはどうすればよいですか? 特にゲージ

この JS Fiddle の例では、ゲージは新しい値で定期的に更新されます。

https://jsfiddle.net/n5fvb8ft/ (訂正していただきありがとうございます)

この例では、setInterval を使用してランダムな新しい値を割り当てます。

ご覧のとおり、新しい番号が表示され、針がそれに向けて動きます。最終的な値を表示するだけでなく、現在の数値を針で更新して表示したいと思います。これは Google チャートを使用して可能ですか? また、アニメーションを遅くしたいのですが、それはおそらく別の問題です。

おそらく値にトゥイーンを設定し、針のアニメーションと同じ期間でアニメーション化してからゲージを繰り返し更新できると思いますが、これはかなり不器用で、針は多くの小さな動きでアニメーション化する可能性があります. 確かにもっと良い方法があるはずです。

どんな助けでも大歓迎です。

0 投票する
1 に答える
128 参照

jquery - Google Gauge の jQuery または CSS テキスト SVG で下に移動

テキストがゲージに対して長いため、Google Gaugeの下部のテキストをそこに移動しようとしています。

これは私のHTMLコードです:

ここで例を見つけることができます: https://jsfiddle.net/roby492/1sjrq64s/1/

ご覧のとおり、標準のテキスト位置は MemoryBefore テキストですが、MemoryAfter テキストの位置に移動します。

jQuery を使用して y パラメータを変更しようとしましたが、「g」および「text」タグが見つかりません。

0 投票する
1 に答える
5728 参照

charts - Google ゲージ チャート - 各ゲージ セクションにテキスト ラベルを追加

ページで Google ゲージ チャートを使用しようとしています。ここで、各セクションまたは色のグラフにテキストを追加したいと考えています。チャート内でそれを行うことはできますか?私はいくつかのhtmlの変更を試みましたが、助けにはなりませんでした。

このリンクから試す - https://developers.google.com/chart/interactive/docs/gallery/gauge ここに画像の説明を入力

たとえば、白い色などに text1 を追加したいと思います。

0 投票する
1 に答える
569 参照

javascript - Googleゲージの下部ラベルに接尾辞を追加すると、変更できなくなります

PHP を使用してデータベースからデータを動的に取得する Google ゲージがあります。問題は、使用したゲージの下部ラベルにサフィックスを付けたいことです。

そして、これは、時間の経過とともにゲージ値を変更し始めるまでは正常に機能します。ポインターのみが移動し、下部の魔女のラベルには「値 + %」が同じままであると表示されます。

ビジーゲージのイメージ

誰でもこれを修正する方法を知っていますか?!?

ゲージのコード:

0 投票する
0 に答える
114 参照

angular - ビューの変更時に Angular2 を介して値を渡す

Angular2 の値が変更されたときに Google チャートを更新したいと考えています。

私の Angular2 test.component.html には、次のようなテンプレートがあります。

私の Angular2 test.component.ts は次のようになります。

{{parameter.value}} でゲージ値を変更するにはどうすればよいですか?

ありがとうございました。

0 投票する
1 に答える
2110 参照

javascript - セルの値に基づいて Google Chart Gauge のデータと色を動的に変更する

Google スプレッドシートでダッシュボードを作成しており、セル データを使用したいと考えています。ここで、redFrom、redTo などのデータと値をハードコーディングする必要がありますが、それらを動的にし、セル内の特定の値に依存させたいと考えています。ゲージが示す値も同様です。

ダッシュボードは毎月の収入を追跡し、ゲージは、目標に対するパーセンテージに基づいて、その月に誰かが緑色であるかどうかを示します.

これは、Google の標準的な例です。

だから私はそれを次のようにしたい:

これは可能ですか?ありがとう!