CloudPaperの改良で年間売上グラフを入れようと思い、動的に使えるjQueryプラグインを探していたところ「jqPlot」という素敵なプラグインを見つけました。かんたんに導入方法をご紹介します。 色など自由にカスタマイズできるのですが、かんたんな折れ線グラフだとこんな感じで生成できます。ほかにも棒グラフや円グラフもつくれます。 デモはこちら jqPlotでグラフを作るjqPlotからまずはファイル一式をダウンロード。解凍するとファイルがたくさんありますが、最低限必要なものはjquery.jqplot.min.jsとjquery.jqplot.min.cssの2つです。ちょっと複雑なことをやろうとするなら、必要に応じてこれら以外のファイルを使います。 <link rel="stylesheet" type="text/css" href="jquery.jqplot.min.css"
![jQueryで動的にグラフを作れる「jqPlot」が使いやすい! | SHINGO IRIE](https://cdn-ak-scissors.b.st-hatena.com/image/square/003122755d14534ba606a8cf8fb4a7fb48b4cb5c/height=288;version=1;width=512/https%3A%2F%2Firitec.jp%2Fwp-content%2Fuploads%2F2014%2F04%2Fa0002_003655_m.jpg)