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

2019/09/22 66 users TypeScript Qiita 備忘録 Nuxt.js 推移

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

JavaScript のグラフライブラリ比較 - 私達がChart.jsからHighchartsに乗り換えた理由 - - WILLGATE tech blog

2018/03/20 51 users Highcharts 要点 利点 一目 グラフ

2018 - 03 - 20 JavaScript のグラフライブラリ比較 - 私達がChart.jsからHighchartsに乗り換えた理由 - はじめに 新卒2年目（もうすぐ3年目！）のエンジニア、宮西です。 現在、私が開発に携わっているプロダクトでは、グラフを使って様々なデータを表示しています。 グラフ化の利点は、一目で要点を伝えられるところ。 開発中のプロダクトは分析系のサービスであるため... 続きを読む

レスポンシブ対応！Webサイトにグラフを表示できるJavaScriptライブラリー3つ | Webクリエイターボックス

2017/11/17 71 users グラフ ドキュメント レスポンシブ対応 サンプル Webサイト

2017年11月17日 JavaScript グラフを必要とするWebサイトは限られるかもしれませんが、いざという時に知っておくと便利なグラフ作成用JavaScriptライブラリー。意外とレスポンシブ対応のものが少なかったので、対応しているものを集めてみました。 1. Chart.js 公式サイト ｜ サンプル ｜ ドキュメント ｜ GitHub Chart.js はグラフ作成用JavaScrip... 続きを読む

絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp

2013/07/22 529 users ドーナッツ セグメント startapp CSS 円弧

Chart.jsというのが流行っているみたいなので、もうちょっとフラット感がでないものか、カスタマイズに挑戦してみました。Chart.jsの使い方などは、LIGさんの記事を参考にしてください。 ドーナッツ これを何個か並べればかなりフラット感が出ますね。外側の青い部分のみをChart.jsで描画し、それ以外はCSSで調整しています。2つ目のセグメントを背景色で塗れば、円弧のように見えます。 ※ ド... 続きを読む

Canvasで超可愛いグラフが作れる!「Chart.js」の紹介 | 株式会社LIG

2013/07/17 274 users canvas ハルエ グラフ 株式会社LIG デザイナー

こんにちは。デザイナーのハルエです。 最近ちょくちょくグラフを用いた制作物に関わることがあり、案件によってはエンジニアさんにお願いしたりIllustratorのグラフツールで作ったりしていたのですが、なんやかんやで時間とられちゃうんですよね。で、もっとこうオシャレでスマートにさくっとハイテンションで作れるものはないかと探してみました。 そこで見つけたのがこれ。「Chart.js」。 めちゃくちゃ愛... 続きを読む

使い勝手が良さそうなHTML5ベースのグラフ描画ライブラリ『Chart.js』 | IDEA*IDEA

2013/03/18 158 users IDEA グラフ描画ライブラリ 使い勝手 HTML5ベース

なんだか便利そうなのでメモ的にエントリー。HTML5というかCanvasを使ったグラフ描画ライブラリです。 ↑ 基本的なものから・・・。 ↑ こういったものまで6種類をサポート。 ↑ マークアップも素直な感じです。 Google Chart Toolsもいいですが、シンプルにローカルでごにょごにょというときもあるかと思いますので覚えておいてもいいですね。詳細＆ダウンロードは以下からどうぞ。 » C... 続きを読む

Chart.js | HTML5 Charts for your website.

2013/03/18 726 users

Easy, object orientated client side graphs for designers and developers DocumentationDownload 6 Chart types Visualise your data in different ways. Each of them animated, fully customisable and look gr... 続きを読む