レーダーチャート

README

レーダーチャートを表示するライブラリのサンプル

http://www.html5.jp/library/graph_radar.html

jsdoit.css

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background: #fdf;
  font: 30px sans-serif;
}

jsdoit.html

<script type="text/javascript" src="http://jsrun.it/assets/2/O/L/8/2OL8G"></script>
<div>
    <canvas width="400" height="300" id="rader"></canvas>
</div>

jsdoit.js

$(document).ready(function(){
    var chart = new html5jp.graph.radar("rader");
    
    var items = [
        ["先週", 2, 3, 1, 2, 3],
        ["今週", 3, 4, 3, 4, 5]
      ];

    var params = {
        aCap: ["国語", "数学", "英語", "理科", "社会"]
    };

    chart.draw(items, params);
});