PlotKit でグラフを作成
2007-12-26-2
[Programming]
JavaScript でグラフが描ける PlotKit を試してみました。
PlotKit - Javascript Chart Plotting
http://www.liquidx.net/plotkit/
下記URLを参考に導入。
- Kazuhiro's Weblog: 「PlotKit」でグラフを描こう
http://kazuhiro.ty.land.to/blog/2007/01/javascript_plotkit.html
- グラフを作成するjavascript「PlotKit」
http://www.skuare.net/test/chart.html
- PlotKit Quick Start
http://media.liquidx.net/js/plotkit-doc/PlotKit.QuickStart.html
手順:
(1) モチキットをゲット。
http://www.mochikit.com/download.html
「MonchiKit-*/lib/MochiKit/」を mochikit/ に。
(2) プロットキットをゲット。
http://www.liquidx.net/plotkit/
「plotkit-*/PlotKit/」を plotkit/ に。
(3) 参考リンクにあるサンプルコードを自分の Web サーバに設置。
例えば、 http://www.skuare.net/test/chart.html を取ってきて
絶対URLを直す。
ただし、そのままでは Firefox は行けるが、素の IE6 はだめ。
下記の二つのポイントを押さえれば OK。
(3.1) iecanvas.htc を取ってきて plotkit/ に置く。
(http://www.skuare.net/test/js/PlotKit/iecanvas.htc など)
(3.2) 下記を追加。
IE6 で「http://www.skuare.net/test/chart.html」のグラフが
表示されないのは、3.2 が原因。
PlotKit - Javascript Chart Plotting
http://www.liquidx.net/plotkit/
下記URLを参考に導入。
- Kazuhiro's Weblog: 「PlotKit」でグラフを描こう
http://kazuhiro.ty.land.to/blog/2007/01/javascript_plotkit.html
- グラフを作成するjavascript「PlotKit」
http://www.skuare.net/test/chart.html
- PlotKit Quick Start
http://media.liquidx.net/js/plotkit-doc/PlotKit.QuickStart.html
手順:
(1) モチキットをゲット。
http://www.mochikit.com/download.html
「MonchiKit-*/lib/MochiKit/」を mochikit/ に。
(2) プロットキットをゲット。
http://www.liquidx.net/plotkit/
「plotkit-*/PlotKit/」を plotkit/ に。
(3) 参考リンクにあるサンプルコードを自分の Web サーバに設置。
例えば、 http://www.skuare.net/test/chart.html を取ってきて
絶対URLを直す。
ただし、そのままでは Firefox は行けるが、素の IE6 はだめ。
下記の二つのポイントを押さえれば OK。
(3.1) iecanvas.htc を取ってきて plotkit/ に置く。
(http://www.skuare.net/test/js/PlotKit/iecanvas.htc など)
(3.2) 下記を追加。
<script type="text/javascript" src="/plotkit/excanvas.js"></script>
IE6 で「http://www.skuare.net/test/chart.html」のグラフが
表示されないのは、3.2 が原因。
この記事に言及しているこのブログ内の記事