エクセルの表データをコピペするだけでブログ貼り付け可能なグラフを作る「ChartGizmo」
WEBマーケティング ブログ » クールなWEBサービス » エクセルの表データをコピペするだけでブログ貼り付け可能なグラフを作る「ChartGizmo」
エクセルデータをコピペするだけ、つまりバイナリデータをそのまま貼り付けるだけでグラフを生成してくれる、アップロードするサービスも使い勝手が良いのですがこれもなかなかシンプルで便利ですよね。
エクセルデータをコピペするだけでグラフ貼り付けコードを生成
「エクセルシートに複数の表があって、アップロードするサービスではグラフを生成できない。 」、「だからといって、都度違うブックを新規作成するのも面倒。」
そんなときに便利なのがChartGizmo.comです。
カンタンなグラフ作成手順
1. エクセルから表データをコピー
実際にこのままコピーしてブラウザ上で貼り付けています。
2. コピーしたデータをブラウザ上で貼り付ける
エクセルのデータをこのように貼り付けると、画像左のように自動的にグラフチャートのデータテーブルが追加されます。
生成されるグラフのサンプル
ChartGizmoで生成できるグラフの貼り付け方法は下記の4通り。
1. Html
シンプルなイメージタグバージョン。
2. Dynamic
JavaScriptでグラフ画像を埋め込み。
3. Capture
JavaScriptでHTMLデータを生成するのですが、表示されないこともあるのが残念。
- 【2008-10-13 追記】
- すみません、これはJavascriptの前にテーブルデータを書いておく必要があったようです。方法を以下に追記しておきます。
- 教えてくださったdemon101さん、ありがとうございます。
| Yahoo! Sites | 44031 |
| Google Sites | 34305 |
| Rakuten Inc | 29344 |
| Microsoft Sites | 29252 |
| FC2 inc. | 27608 |
| NTT Group | 27406 |
| GMO Internet Group | 25225 |
| Livedoor | 22740 |
| Nifty Corporation | 22262 |
| Wikipedia Sites | 21844 |
このように発行されるコードの前にテーブルデータを書いておくとグラフが生成されます。
テーブルデータのサンプル
以下のデータのように、 <table> の class を CSource とし、ラベルの列はひとつめを <td class="CLabels"> 数値の列は同じくひとつめを <td class="CValues"> と指定するとデータを読み込みます。
ちなみに <th> 要素を含めてしまうとデータが反映されないので注意してください。
4. Flash
Flashフォーマットでグラフを生成。 これが一番クールなグラフ。
興味のある方はChartGizmo.comへどうぞ。
実際に使ってみると、多数の表データがある際に、そのひとつだけをグラフ化してサイト上に公開したいときなどにかなり便利なのではないかと感じました。 パブリシティに市場調査データを利用する際には重宝するかも！？
Via:Delicious