WordPressにGoogle Chart APIを実装して、簡単に円グラフや棒グラフや折れ線グラフなどを書く方法
WordPressをブログとして使う場合で、単発の記事の中で、円グラフや棒グラフや折れ線グラフなどを載せた方が、閲覧者にとって一目で分かって説得力が増す場合もあると思います。 また、WordPressをCMSとして使う場合で、各ページに、円グラフや棒グラフや折れ線グラフなどを載せる需要があるサイトもあると思います。 各ページに円グラフや棒グラフや折れ線グラフなどを載せるサイトとしては、例えば、特定のジャンルの商品の順位や口コミレビューサイト、特定のジャンルのお酒や飲料水の評価サイト、特定のジャンルのスポーツのチームごとの順位を載せているサイト・・・などなど、非常にたくさんの事例があると思います。 これら円グラフや棒グラフや折れ線グラフなどを画像として載せる場合に、例えば、Excelなどで作る→それを画像にして保存→WordPressの本文に挿入、という方法もあるとは思います。 しかしながら
Canvasで超可愛いグラフが作れる！「Chart.js」の紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近ちょくちょくグラフを用いた制作物に関わることがあり、案件によってはエンジニアさんにお願いしたりIllustratorのグラフツールで作ったりしていたのですが、なんやかんやで時間とられちゃうんですよね。で、もっとこうオシャレでスマートにさくっとハイテンションで作れるものはないかと探してみました。 そこで見つけたのがこれ。「Chart.js」。 めちゃくちゃ愛くるしい動きをしてくれます。デザインもフラットでいい！ ポートフォリオやプレゼンなんかにもきっと役立ちますよ。 Chart.jsとは？ 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなど、6種類のグラフが簡単に描けてしまうJavascriptのライブラリです。 HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動きが特徴的です。とても分かりやすいマークアップなので、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
