円グラフセグメントでグラデーションの変更

クイックスタートの例を基に、seriesStyles オプションと fill、stroke、および stroke-width 属性を使用して、円グラフのセグメントの色とグラデーションおよび輪郭の色と太さを変更できます。詳細については、「スタイルオプション」を参照してください。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを以下のスクリプトに置き換えます。このスクリプトは、seriesStyles の角度値（RGB 色の前）を変更して、角度を定義します。

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

HTML ファイルの <body> セクションを変更する必要はありません。このグラフを作成するには、基本的な <div> タグで十分です。
HTML ファイルを保存し、それをブラウザで開きます。このグラフは、下の図のように表示されます。上のセグメントは上から下にグラデーションし、セグメントごとにグラデーションが異なります。

関連トピック