Google ドライブのスプレッドシートで作成したグラフを WordPress.com に貼る

ここでは、Google ドライブのスプレッドシートでグラフを作成し、それを WordPress.com に貼り付ける方法について覚書きしたいと思います。

Google ドライブの

2015-06-11 at 10.46
Google ドライブ – 写真やドキュメントなど、ファイルのクラウド ストレージとバックアップ

「Google スプレッドシート」を使うと

2015-06-11 at 10.44
 

例えば、以下のような表を作成することができますが、データの範囲を指定し、

2015-06-10 at 13.43
 

挿入 → グラフ」を選択し、

2015-06-10 at 13.44
 

適宜、グラフの様式等を設定すると、

2015-06-10 at 13.45
 

例えば、以下のような感じのグラフを作成することができます。

2015-06-10 at 13.45
 

グラフのタイトルの編集などはその上を直接クリックすることで可能です。

2015-06-10 at 13.45
 

表示 → 1行」のところで、

2015-06-10 at 13.46
 

表の最上段を固定し、常に見える状態に保つこともできます。

2015-06-10 at 13.46
 

マウスでグラフのサイズや縦横比を変えることもできます。

2015-06-10 at 13.47
 

任意のデータの右クリックからのドロップダウンメニュー中にある「メモを挿入」をクリックすることで、

2015-06-10 at 14.07
 

任意のデータにメモを記録することができます。

2015-06-10 at 14.07
 

このグラフを WordPress.com に貼り付けるときには、グラフの右上からのドロップダウンメニューの中にある「グラフを公開」をクリック。

2015-06-10 at 13.47
 

埋め込む」を指定し、

2015-06-10 at 13.47
 

適宜、表示させたいデータを指定すると、

2015-06-10 at 13.51
 

貼り付け用のタグが生成されるので、それをコピーし、

2015-06-10 at 13.51
 

テキストモードの状態で、

2015-06-10 at 13.51
 

記事に貼り付け、

2015-06-10 at 13.52
 

ビジュアルモードに

2015-06-10 at 13.52
 

切り替え、

2015-06-10 at 13.52
 

下書きとして保存」ボタン等をクリックすると、

2015-06-10 at 13.52
 

以下のような感じで、貼付け用のタグが WordPress.com のショートコードに切り替わりました。

2015-06-10 at 13.53
 

WordPress.com のブログ・サイト上では、例えば、以下のような感じで Google ドライブのスプレッドシートのグラフを表示させることができました。

ショートコード中の以下の部分の数値をちょっとだけ大きくしたら、

2015-06-10 at 13.55
 

スクロールが消去されました。

2015-06-10 at 14.02
2015-06-10 at 14.01
 

私自身が所有している iPad 3 や

IMG_0469
 

iPod touch 5 でもちゃんと表示されました。

IMG_0468
 

なお、テーマの種類等によっては、グラフがはみ出したり、大きく表示され過ぎたり、といったことがあるようですが、そのあたりの傾向の詳細については把握できておりません。

共通の傾向としては、Google ドライブの方でグラフのサイズを変更すると、時差ありで WordPress.com に貼り付けてあるグラフの方のサイズも変更されるようです。


グラフのデータの公開範囲は、右上の方にある「共有」ボタンをクリックのところで

2015-06-10 at 14.05
 

調整できるようです。

2015-06-10 at 14.05
 

投稿者: comemo

WordPress.com での記事の作成方法など

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。