カスタムポインタの作成

クイックスタートの例を基に、pointer および cap オプションを使用して、ポインタおよびゲージの中心のキャップのサイズ、色、および形状をカスタマイズできます。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを以下のスクリプトに置き換えます。このスクリプトは、軸ラベルの回転およびマーカータイプを変更し、seriesStyles オプションを使用してマーカーの色と線の幅を変更します。

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

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

関連トピック