ITハットMENUすべてのカテゴリーWeb制作93仕事効率化4Electron32016.10.11CSSのtransform:rotate()とjQueryを使ってシンプルな円グラフを作る最近またCSSでいろんなものを作るのにはまっています。今回は、CSSで円グラフを作りました。使えばできるのではないかと考えたのが始めです。JSを使わなくてもいけるのですが、JSを使ったほうが円グラフの変更が楽なので、自動化できるところは自動化しました。対応ブラウザは、使っているCSSプロパティ的にはIE9以上ですが、実機確認はしていないので不具合等はあるかもしれません。モダンブラウザでの利用なら大丈夫です。デモシンプルではありますが、こんな感じの円グラフを作ることができます。HTMLをいじるだけで円グラフを変更できるようにしてあります。