Illustratorグラフツールで円・ドーナツグラフを作る

グラフツール(円グラフ)Illustrator Tips

Illustratorのグラフツールで円グラフとドーナツグラフの作り方を紹介します。

スポンサーリンク

基本 データ入力

円グラフツールを選びドラッグ操作でグラフの大きさを決めます。

グラフツール

大きさを決めたあと、データを入力するセルが出るので数値を入力するとグラフが作成できます。

円グラフ(データ入力)

凡例の位置を変更する

「オブジェクト」>「グラフ」>「設定」を開きオプションオプションから凡例の位置を変更できます。

グラフ設定(凡例)

ソートする

オプションからソート「すべて」にすると、円グラフの並びを降順にすることができます。

グラフのデザイン

ダイレクト選択ツールで変更したい部分を選択し、色やフォントのサイズ種類を変更できます。くっついている面を離すことも可能です。

円グラフ色変更

立体円グラフ

効果 > 3D・押し出し・ベベルオプションで立体的なグラフが作成できます。キューブをマウス操作でグリグリ角度を変更するか、右の数字を入力して角度を調整できます。

円グラフ(3D押し出し)

ドーナツグラフの作り方

ドーナツグラフ

円の真ん中を透明マスクを使ってドーナツグラフを作ります。円の中心からShiftAltを押しながら楕円ツールで黒い円を描写します。

▼マスク作成をし、クリップのチェックを外します。すると真ん中が透明化されドーナツ状になります。

透明くり抜き

グラフツールを使わないで作る

ドーナツグラフ

変形プロパティから楕円形を扇形に変形させてシンプルな円グラフを作成します。グラフツールでは後で大きさの変更ができませんが、この方法だとグラフ完成後もサイズの変更ができるのが利点です。

▼楕円を下地用・グラフ用・くり抜き用に3つ用意します。くり抜き用はパスのオフセット-35pxで作成しました。

楕円

▼80%を示すドーナツグラフを作成するので、楕円形の角度を90度扇形の開始角度を72度に設定します。

円の角度の計算方法
80%の円グラフを作る場合の計算は以下のようにします。
80×360÷100=288
360-288=72度

3つの円をくり抜き用・グラフ用・下地用の順に重ねます。

くり抜き用の円を不透明度0に設定します。

3つの円をすべて選択からグループ化します。グループの抜きにチェックを入れると真ん中がくり抜かれます。

タイトルとURLをコピーしました