グラフを作成するjavascript「PlotKit」twitterfacebookhatenagooglepocketJavascriptでグラフ作成する「WebFX」で紹介した「WebFX」は棒グラフや積み上げグラフが作成できましたが、円グラフが作成できませんでした。liquidx.netでは、PlotKitという円グラフも作成できるJavascriptを紹介しています。sponsors使用方法PlotKitからファイル一式とMochiKitからMochiKit.jsをダウンロードします。ダウンロードしたファイルからMochiKit.js、Base.js、Layout.js、Canvas.js、SweetCanvas.jsをhead内に挿入。グラフを表示したい場所に以下を書きます。width="300"></canvas></div>ここで指定した高さと幅が表示されるグラフの大きさになります。次にグラフの指定です。{});plotter.render();}MochiKit.DOM.addLoadEvent(drawGraph);</script>以上で円グラフを作成することができます。canvasの()内は上記canvasで指定したid名を明記#棒グラフの作成は「pie」の部分を「bar」に変更なお、項目にラベルをつけたい場合は以下をグラフの内容の前に書き込む必要があります。"iecanvas.htc",を挿入しなければなりません。別ブログで展開しているWEBサイトで使えるかもしれない心理学シリーズの概要をまとめて...アニメーションgifを効果的に使ったサイトやHTMLメール。