前回作った棒グラフの見た目を調節していきます。色についてここでは、最終的にはスミ1色のグラフを作って印刷に使うことを目標にします。RGB(sRGB)です。iccプロファイルを利用した色指定もできるというようなことが書かれているのですが、よくわかりません。持って行ってから、すべてのオブジェクトをグレースケールに変換したのちに書類のカラーモードをCMYKに変えることにします。カラー設定「プリプレス用−日本2」で、ドキュメントのカラー設定をCMYKに変えたときにスミの濃度10%刻みになるRGB値とカラーコードが以下の表です。10の位が奇数の%では、0.2%ほど誤差がでます。255を10分割すると25.5で小数点が出るためです。#000000マージンとサイズの設定を変更する四六判の単行本の版面に合わせたサイズに変更します。仮に本文13Q、行送り21Hとして、左右18行天地20字分のサイズでつくってみます。左右幅は、21×17+13=370Q、92.5mm、72ppiでは約262pxです。天地は、13×20=260Q、65ミリ、72ppiで約184pxです。マージンもサイズに合わせて調節します。184;グラフにタイトルをつけるタイトル文字を入れるグラフにタイトルを付けます。要素を追加し、属性を指定します。x座標・y座標・文字サイズ・フォント・ウェイトの属性を指定し、テキスト内容を入れます。100から900まで100きざみの数値か、boldとかのキーワードで指定できるらしいです。技術由来なので、特定のフォントの特定のウェイトをピンポイントで指定するのは難しいみたいです。Book・Heavyのウェイトは使えませんでした。コピーしたらウェイト指定が反映されました。XBlackタイトル文字の下に線を引くタイトル文字の下に線を引きます。line要素を追加して、始点のxy座標、終点のxy座標、線の色、線の太さを指定します。"0.1mm");グラフの背景に地色をつけるグラフのグループ要素にスミ10%の地色をつけます。"#e5e5e5");軸にラベルをつける縦横の軸になにを表しているかラベルをつけます。テキスト要素を追加し座標や書式の属性を指定します。縦軸のラベルは縦書きにします。.text("人口【千人】");メモリの見た目を調節する縦横各軸のメモリの見た目を調節していきます。縦軸のスケールの上限を前回はデータの最大値に設定しましたが、このあと東京都以外の県のグラフも作っていきたいので、グラフ間でメモリの値が変わらないように最大値を1200(千人)に固定してしまいます。0]);メモリの長さを変えます。(サイズ指定を0にする)。縦軸はメモリを反対の端まで伸ばします。メモリのサイズは外側に向かって伸びるので、反対の端まで内側に伸ばすためグラフの横幅分のマイナスで指定します。.tickSize(-chartWidth);前回は軸を呼び出しておしまいでしたが、見た目を調節するため、呼び出した軸を変数におさめて、軸の中の各種要素の属性を変更します。横線(path)を消し、テキストの位置と書式を調節します。縦組み中の欧文回転や縦中横の処理が困難なので、今回は横組みのまま斜めに回転させる方式にしてごまかします。"rotate(-45)");縦軸の調節メモリの線の色と太さを指定し、縦線を消します。テキストの位置と書式を指定します。文字を右揃えにします。"7px");グラフの棒に数値を表示するグラフの棒にそれぞれの数値をいれます。新しいtext要素をデータと結びつけます。text要素を作ります。数字の桁が大きくて棒の横幅には入らないので、横倒しにして棒の中に入れます。座標を90度回転します。y座標にxを指定します。それぞれ2pxずらして文字位置を微調整しています。});グラフの上下をケイ線で区切るグラフの上下に0.3ミリのケイ線を入れます。後に書いたものが上になるので、棒の描画より後にします。完成したコードが以下です。})ローカルウェブサーバーを起動し、グラフをchromeで表示します。右上のメニューから、その他のツール>デベロッパーツールを選びます。RGBの新規書類を作ります。要素をペーストします。全選択の状態で編集メニューから、カラーを編集>グレースケールに変換を選びます。最後にドキュメントのカラーモードをCMYKに変更して、スミ1色の棒グラフが得られます。ファイルに保存するようにします。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。FameThemes。