ラベルのカスタマイズ

クイックスタートの例を基に、labels オプションを使用して、ラベルテキストのスタイルとオフセットを変更できます。使用可能なスタイルの詳細については、「スタイルオプション」を参照してください。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを以下のスクリプトに置き換えます。このスクリプトは、ラベルがゲージの文字盤内にレンダリングされるように、ラベルのスタイルオプションをアウトラインなしの緑色の Comic Sans に変更し、オフセットを 33 ピクセルに変更します。

ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます

HTML ファイルの <body> セクションを変更する必要はありません。このゲージを作成するには、基本的な <div> タグで十分です。
HTML ファイルを保存し、それをブラウザで開きます。このゲージは、実際のウィジェットで次のように表示されます。ラベルは、緑色の Courier フォントで表示されます。

関連トピック

参照