カスタム目盛りマークの表示

大小の目盛りマークには、目盛りの間隔、位置、色、太さ、および形状を設定できます。

クイックスタートの例を基に、tickMajor および tickMinor オプションを使用して、目盛りの間隔、位置、色、太さ、および形状を変更できます。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを以下のスクリプトに置き換えます。このスクリプトは、tickMajor および tickMinor オプションを変更して目盛りマークをカスタマイズし、さらにラベルの位置、startAngle（開始点）、および sweepAngle（終了点）を変更して、大きな目盛りマークのためのスペースを空けます。

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

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

関連トピック

参照