いい感じのグラフをTypeScriptなNuxt.jsとvue-chartjs(chart.js)で書いてみた - Qiita

2019/09/22 66 users Qiita TypeScript 備忘録 Chart.js

Nuxt.jsで開発しているWebサービスで、 棒グラフとか線グラフを使いたいなと思い、いろいろ調べた備忘録。 vue-chartjsを使うと、いい感じのグラフが簡単にできた(´ω｀) こんな感じで使ってます!! 登録されている本の総額と総冊数の推移を棒グラフと線グラフで表示!! 色も文字も変えられて、いい感じに(´ω｀) vue-chartj... 続きを読む

誰が見ても一瞬で伝わるレポート資料の作り方折れ線グラフの使い方をマスターする編｜ferret [フェレット]

2015/06/18 91 users Ferret フェレット 一瞬 作り方 使い方

何を伝えたいときに折れ線グラフを使うのか？ 折れ線グラフは、項目の「推移（変化）」を表すために用います。 折れ線の角度から変化を感覚的に把握できることが、折れ線グラフの特徴だと言えます。左から右に見て折れ線が急上昇・急降下であるほど、大きな変化があったことがわかります。 ちなみに「推移」は殆どが時間を経たことによるものが多く、折れ線グラフの大半は時間軸で表現されます。 折れ線グラフを用いるのは、特... 続きを読む

縦軸に目盛のないグラフ（インターネットもデータ分析も好きなぼくが、入社一年未満でWeb解析コンサルタントを辞めた理由） - 廿TT

2015/01/03 361 users 目盛 縦軸 廿TT グラフ 棒グラフ

2015-01-03 縦軸に目盛のないグラフ（インターネットもデータ分析も好きなぼくが、入社一年未満でWeb解析コンサルタントを辞めた理由） グラフ ポリシー 主張 縦軸に目盛のない棒グラフや折れ線グラフを描くのはやめよう。 棒グラフ 以前の職場でよく見かけた棒グラフがこのようなものでした。これは万能棒グラフです。2007-10-22 2007-10-22 - 定義すれば存在する 目盛のベースライ... 続きを読む

見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」:phpspot開発日誌

2012/03/01 137 users Morris.js グラフ そこら辺 phpspot開発日誌

Morris.js 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」。 マウス位置に応じて情報を変えるなど、GoogleAnalytics風のインタラクティブなグラフが描画できます。 実際には次のようなグラフが描画できます。IE6+でも動くということで、そこら辺の心配も無しです サンプルコードも載っていたりするので簡単に使えそうです グラフの種類は線グラフのみですが、多機能... 続きを読む

ITmedia Biz.ID：動的に変化するグラフをブログに貼り付ける

2007/06/07 145 users グラフ ITmedia Biz.ID Excelグラフ 更新

ニュース 3分LifeHacking： 動的に変化するグラフをブログに貼り付ける かっこいいグラフをブログやWebサイトに貼り付けるときは、Excelグラフの画面キャプチャではなく、オンラインのグラフ作成アプリケーションを使ってみよう。 2007年06月07日 22時26分 更新 ブログにグラフを貼り付けるユーザーが増えている。ブログ以外でも、Webページに棒グラフや線グラフ、円グラフなどを使って... 続きを読む

Flashできれいな円グラフを作る「amCharts」で折れ線グラフや面グラフが可能に - GIGAZINE

2007/03/14 222 users GIGAZINE amCharts Flash グラフ 種類

Flashの専門知識は不要で、グラフにしたいデータなどを設定ファイルに書いていくだけで完成し、グラフの種類や見せ方もいろいろと指定できる「Flashできれいなパイチャートや円グラフを無料で作る「amCharts」」ですが、非常に利用者数が多かったらしく、ついに折れ線グラフや面グラフを作成可能なバージョンの「amCharts」が登場しました。サイト上からその例を実際に見ることができるのですが、今回も... 続きを読む