締切済み

このグラフをHPにアップする方法を教えてください

2009/11/22 16:09

ど素人で用語がよくわかりませんどなたかやさしく教えていただけませんか？ HP作成ソフトを利用しています以下サイトの手順をもう少しど素人向けに翻訳願います http://www.html5.jp/library/graph_line.html

isogokun
お礼率3% (1/26)

Flash
回答数3
ありがとう数1

みんなの回答 （3）
専門家の回答

みんなの回答

neko-ten
ベストアンサー率55% (1287/2335)

2009/11/24 03:09 回答No.3

#1さんの回答に帰結はしますが・・・サイトの説明が非常に簡単なので、これ以上簡単な説明ができないということです。このスクリプトは、JavaScriptを使っています。そのため・HTMLタグの書き方・JavaScriptの書き方といった「基礎知識」が必要です。（また、HP作成ソフトを使っているということですが、それも使えないと思ってください）多分、現在は「どこがわからないか、わからない」という状態だと思います。 HTMLのタグを自分で組み立てることができるなら、「使い方」に記載してあるサンプルを記載して試してみることです。もし、HTMLやタグという言葉がわからない・・・ということであれば、JavaScript以前の問題となってしまいますので、アドバイスは難しいでしょう。というか無理です。一応、以下のとおり生成すればそれなり動くはずです。 HTML自体は厳密なルールにはのっとっていません。 [手順１] test.htmlと、test.htmlと同じ階層に、解凍してできた「html5jp」フォルダを格納します。 [手順２] test.htmlには以下のタグを記入します ------------------次の行から------------------ <html> <head>  <script type="text/javascript" src="../html5jp/graph/line.js"></script> <script type="text/javascript"> window.onload = function() { var lg = new html5jp.graph.line("sample"); if( ! lg ) { return; } var items = [ ["商品A", 20, 58, 40, 14, 38, 20, 40], ["商品B", 10, 14, 58, 80, 70, 90, 20] ]; lg.draw(items); }; </script> </head> <body> <div><canvas width="400" height="300" id="sample"></canvas></div> </body> </html> ------------------前の行まで------------------ [手順3] test.htmlをIEなどブラウザで開く