Highcharts Cloudを使ってWEBサイトにグラフを入れる

この記事は約2分で読めます。
スポンサーリンク


やまねこ🐱が使ってるのは、ステラの燃費グラフなんですが、毎回エクセルでグラフを描いて保存してトリミングして…というのも面倒だなぁと思って

なんかいいサービスがないかな~と調べてて、Highcharts Cloud(https://cloud.highcharts.com/)を見つけました

ログインしなくても使えて、データを手入力してもいいし、CSVファイルをアップしてもいいし、簡単に折れ線グラフ📈や棒グラフ📊が作れてしまうサービスです

STEP1でCSVファイルの内容をコピペすると、右側にグラフが

CSVファイルは、Microsoft Excel(~2013)で作ったのをアップロードすると激しく文字化けするので、CSVファイルをメモ帳とかで開いて内容を枠内に貼り付けた方が無難かと1

Libre Officeなら文字コードを指定してCSVファイルを保存できるから大丈夫なんですけどね2


STEP2でグラフの種類を選択。必要のないデータ列は▼をクリックして Remove Column で削除できます


STEP3でグラフのタイトルとサブタイトル、それとY軸の名称を入力します


ここまでのデータを SAVE で保存💾3してあげてから…


STEP4で EMBED を選択すると、埋め込み用のコードが表示されるので、それをWordPressのブログ記事でもサイトのページにでもコピペするだけで…

こんなグラフが埋め込めてしまいます🎉 すばらしい

  1. 文字コードが ShiftJIS で保存されてしまうため ➡Excel で UTF‐8 の CSV を作成したい【Microsoftコミュニティ】
  2. Excel 2016 でも文字コードが指定できるみたいだけど、持ってないので分からない
  3. 当然ながらフロッピーディスクに保存するわけではない

コメント

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