jquery CanvasChart.js
/////
<meta  charset="UTF-8">
<title>jquery CanvasChart.js</title>

<link  rel="stylesheet" href="style.css" type="text/css">
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://oreweb.toypark.in/jquery.canvasChart/js/jquery.canvasChart.js"></script>

<script type="text/javascript">
$(function(){
$('#canvasChart2').canvasChart({
polygon : 5,
valuation : 5,//評価値
valuationName : ['英語','国語','数学','理科','社会'],//評価名
printZero : false,//中央0の表記
radius : 100,//半径 
bgFill : false,//背景の塗り
chartStrokeColor : ['#ff5a5a'],//チャートの線
chartFillColor : ['rgba(255, 173, 173, 0.5)','none'],//チャートの塗り
chartPoint : false,//チャートの点描画
printZero : false,//中央0の表記 true or false
scale : false//ゲージラインの目盛り描画
});
});
</script>

<div  id="canvasChart2">
<canvas  width="380" height="380"></canvas>
<div  class="chartInput">
<input  type="hidden" value="4" id="input1" name="input1">
<input  type="hidden" value="4" id="input2" name="input2">
<input  type="hidden" value="5" id="input3" name="input3">
<input  type="hidden" value="5" id="input4" name="input4">
<input  type="hidden" value="5" id="input5" name="input5">

</div>
<div  class="chartInput">
<input  type="hidden" value="3" id="input1" name="input1">
<input  type="hidden" value="3" id="input2" name="input2">
<input  type="hidden" value="3" id="input3" name="input3">
<input  type="hidden" value="3" id="input4" name="input4">
<input  type="hidden" value="3" id="input5" name="input5">

</div>
</div>
/////
参考 サイト
jQuery(JavaScript)でグラフ系アプリ メモ

Jquery Canvas Chart
/////
簡易レーダーチャート作成 ver 0.10(α版)
/////