• 締切済み

JavaScriptでレーダーチャート表示

JavaScriptでレーダーチャートを表示したくて html5jp様のライブラリを使用しているのですが 「"angle_num"が宣言されていません」とエラーが表示されてしまい 表示できません。 ちなみにクエリ文字列からデータを取得しています。 どなたか解決お願いします。 ソースは以下のようになってます。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>title</title> <style type="text/css"> canvas {border:0px solid #4c4c4c;} </style> <!--[if IE]><script type="text/javascript" src="graph_radar_1_0_0/html5jp/excanvas/excanvas.js"></script><![endif]--> <script type="text/javascript" src="graph_radar_1_0_0/html5jp/graph/radar.js"></script> <script type="text/javascript"> function $q(){ var result = {}; var str = location.search.substring(1); var paramss = str.split('&'); for(var i = 0;i < paramss.length; i++){ var kv = paramss[i].split('='); result[kv[0]] = decodeURIComponent(kv[1]); } return result; } var q = $q(); for(var j = 1; j < 21; j++){ /* document.write(q['a'+j] + " "); */ q['a'+j]-=0; /* document.write(typeof q['a'+j]); */ } window.onload = function() { var rc = new html5jp.graph.radar("sample"); if( ! rc ) { return; } var items = [ [ q.a0, q.a1, q.a2, q.a3, q.a4, q.a5, q.a6, q.a7, q.a8, q.a9, q.a10], ["ave.", q.a11, q.a12, q.a13, q.a14, q.a15, q.a16, q.a17, q.a18, q.a19, q.a20] ]; var params = { aCap: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"], aMax: 5, aMin: 0 }; rc.draw(items, params); }; </script> </head> <body scroll="no"> <div><canvas width="300" height="200" id="sample"></canvas></div> </body> </html>

みんなの回答

  • HIRSYU
  • ベストアンサー率51% (45/87)
回答No.2

graph_radar_1_0_0.zipの中のJSファイルは全部配置してるんですよね? 私の環境でエラー無く動作したHTMLはsakusukeskさんが提示してるHTMLです。

  • HIRSYU
  • ベストアンサー率51% (45/87)
回答No.1

graph_radar_1_0_0は未改良ですよね? graph_radar_1_0_0.zipをダウンロードして試してみましたが、エラーなく表示されますねぇ。 環境はWinXP Fx3とIE7です。

sakusukesk
質問者

お礼

回答ありがとうございます。 graph_rader_1_0_0は未改良です。 そのままダウンロードして実行してみると大丈夫なんですが、 htmlを改変したものではだめでした。 文字コードも一致させてあるので問題は無いはずなんですが… 環境はXP IE7です。

関連するQ&A