大学生実験レポートを全力でお助け。

サボレポ

グラフの縦軸を2つにする(第2軸を追加する)方法

&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;99 -->&NewLine;<div class&equals;"quads-location quads-ad3" id&equals;"quads-ad3" style&equals;"float&colon;none&semi;margin&colon;50px 0 50px 0&semi;text-align&colon;center&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;&NewLine;<div class&equals;"wp-block-st-blocks-my-box st-mybox has-title st-title-border" style&equals;"background-color&colon;&num;fff&semi;border-width&colon;3px&semi;border-color&colon;&num;8ed1fc&semi;margin-top&colon;100px&semi;margin-bottom&colon;100px"><p class&equals;"st-mybox-title" style&equals;"color&colon;&num;8ed1fc&semi;font-weight&colon;bold&semi;border-bottom-color&colon;&num;8ed1fc&semi;background-color&colon;&num;fff"><i aria-hidden&equals;"true" class&equals;"fa fa-user st-css-no"><&sol;i>こんな方におすすめ<&sol;p><div class&equals;"st-in-mybox">&NewLine;<ul class&equals;"is-style-st-circle wp-block-list"><li>グラフの縦軸を2つにしたい<&sol;li><li>グラフに第2軸を追加したい<&sol;li><&sol;ul>&NewLine;<&sol;div><&sol;div>&NewLine;&NewLine;&NewLine;&NewLine;<p>こんなお悩みを解決します。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<div class&equals;"wp-block-st-blocks-my-box st-mybox has-title st-title-border" style&equals;"background-color&colon;&num;fff&semi;border-width&colon;3px&semi;border-color&colon;&num;7bdcb5&semi;margin-top&colon;100px&semi;margin-bottom&colon;100px"><p class&equals;"st-mybox-title" style&equals;"color&colon;&num;7bdcb5&semi;font-weight&colon;bold&semi;border-bottom-color&colon;&num;7bdcb5&semi;background-color&colon;&num;fff"><i aria-hidden&equals;"true" class&equals;"fa fa-file-text-o st-css-no"><&sol;i>本記事の内容<&sol;p><div class&equals;"st-in-mybox">&NewLine;<ul class&equals;"is-style-st-circle wp-block-list"><li>グラフの縦軸を2つにする(第2軸を追加する)方法<&sol;li><&sol;ul>&NewLine;<&sol;div><&sol;div>&NewLine;&NewLine;&NewLine;&NewLine;<p>グラフを作成するのに慣れてきたと思えば,少し高度なグラフになれば,やり方がふとわからなくなることがあります。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<p>本記事では,<strong>グラフの第2軸を追加する方法<&sol;strong>をご紹介します。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<h2 class&equals;"wp-block-heading">グラフの縦軸を2つにする(第2軸を追加する)方法<&sol;h2>&NewLine;&NewLine;&NewLine;&NewLine;<p>適当にグラフを描いてみました。今回は,左側の縦軸にy1,右側の縦軸にy2をもってくるような体裁を考えたいと思います。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<div class&equals;"wp-block-st-blocks-midashi-box freebox has-title" style&equals;"background-color&colon;&num;fafafa&semi;border-width&colon;3px&semi;border-color&colon;&num;ffc107&semi;border-radius&colon;0 5px 5px 5px"><p class&equals;"p-free" style&equals;"border-color&colon;&num;ffc107&semi;font-weight&colon;bold"><span class&equals;"p-entry-f" style&equals;"color&colon;&num;313131&semi;font-weight&colon;bold&semi;background-color&colon;&num;ffc107&semi;border-radius&colon;0 0 5px 0"><i aria-hidden&equals;"true" class&equals;"fa fas fa-map-pin st-css-no"><&sol;i>ゴール<&sol;span><&sol;p><div class&equals;"free-inbox">&NewLine;<figure class&equals;"wp-block-image size-large"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image1-9-1024x513&period;png" alt&equals;"" class&equals;"wp-image-1690"&sol;><&sol;figure>&NewLine;<&sol;div><&sol;div>&NewLine;&NewLine;&NewLine;&NewLine;<p>ここで,第2軸を追加していきます。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"st-step-title">step&period;1 まず,「グラフのデザイン」タブ&Implies;「グラフの種類の変更」を選択します<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-large"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image2-9-1024x536&period;png" alt&equals;"" class&equals;"wp-image-1693"&sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"st-step-title">step&period;2 「すべてのグラフ」&Implies;「組み合わせ」を選択します。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-full"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image3-9&period;png" alt&equals;"" class&equals;"wp-image-1694"&sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"st-step-title">step&period;3 グラフの種類を両方とも「散布図」にします。(状況に合わせて変更してください。実験レポートで用いるグラフは,散布図がほとんどだと思いますが。)そして,右側にy2をもっていきたいので,y2の方の第2軸にチェックを入れます。<&sol;p>&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;99 -->&NewLine;<div class&equals;"quads-location quads-ad2" id&equals;"quads-ad2" style&equals;"float&colon;none&semi;margin&colon;50px 0 50px 0&semi;text-align&colon;center&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-large"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image4-9-1024x748&period;png" alt&equals;"" class&equals;"wp-image-1695"&sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p>これで,第2軸が追加されました。しかし,軸の色が薄かったり,軸目盛線が外向きだったりするので,軸の色を黒に,目盛線を内向きに直しましょう。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-full"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image5-9&period;png" alt&equals;"" class&equals;"wp-image-1696"&sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<div class&equals;"st-kaiwa-box kaiwaicon1 clearfix"><div class&equals;"st-kaiwa-face"><amp-img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;08&sol;user-e1627972467333-300x286&period;png" height&equals;"60" width&equals;"60"><&sol;amp-img><div class&equals;"st-kaiwa-face-name">Tomosan<&sol;div><&sol;div><div class&equals;"st-kaiwa-area"><div class&equals;"st-kaiwa-hukidashi"><div class&equals;"wp-block-st-blocks-st-kaiwa">&NewLine;<p>次に,軸ラベルを追加しましょう!<&sol;p>&NewLine;<&sol;div><&sol;div><&sol;div><&sol;div>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"st-step-title">step&period;4 「グラフのデザイン」&Implies;「グラフ要素を追加」を選択します。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-large"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image6-8-1024x485&period;png" alt&equals;"" class&equals;"wp-image-1697"&sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"st-step-title">step&period;5 「軸ラベル」&Implies;「第2縦軸」を選択します。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-full"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image7-7&period;png" alt&equals;"" class&equals;"wp-image-1698"&sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"st-step-title">step&period;6 追加されたら,第1軸のラベルを「y1」,第2軸のラベルを「y2」に変更しましょう。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-full"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image8-6&period;png" alt&equals;"" class&equals;"wp-image-1699"&sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p>これで一応完成ですが,<strong>このままだと横軸がグラフと被ってしまい見にくく<&sol;strong>なっています。これを回避するために,横軸の位置をずらしてみます。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-full"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image9-6&period;png" alt&equals;"" class&equals;"wp-image-1700"&sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"st-step-title">step&period;6 第1軸を選択した状態で,「軸の書式設定」を開き,「軸のオプション」&Implies;「横軸との交点」の「軸の値」にチェックを入れ,縦軸のどの値と横軸を交らわせたいかを入力します。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<p>今回は,横軸を一番下にもっていきたいので,「-1&period;5」と入力しました。<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-large"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image10-5-1024x614&period;png" alt&equals;"" class&equals;"wp-image-1691"&sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p>あとは,細かいところを修正して完成です!<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-full"><img src&equals;"https&colon;&sol;&sol;saborepo&period;com&sol;wp-content&sol;uploads&sol;2021&sol;07&sol;image11-5&period;png" alt&equals;"" class&equals;"wp-image-1692"&sol;><&sol;figure>&NewLine;&NewLine;<&excl;-- WP QUADS Content Ad Plugin v&period; 2&period;0&period;99 -->&NewLine;<div class&equals;"quads-location quads-ad1" id&equals;"quads-ad1" style&equals;"float&colon;none&semi;margin&colon;50px 0 50px 0&semi;text-align&colon;center&semi;">&NewLine;&NewLine;<&sol;div>&NewLine;&NewLine;