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>
お礼
ありがとうございました。 一発で出来ました!