はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ドーナッツ

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 1 / 1件)
 

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

2013/07/22 このエントリーをはてなブックマークに追加 529 users Instapaper Pocket Tweet Facebook Share Evernote Clip セグメント startapp CSS 円弧 LIGさん

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

 
(1 - 1 / 1件)