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

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

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

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... 続きを読む