レーダーチャート Jクエリ 設置覚え

本家?
http://oreweb.toypark.in/jquery.canvasChart/

説明
http://wataame.sumomo.ne.jp/archives/3841

別のやつ

http://www.takuro.info/archives/5045

説明書いたる 動きあるからいいかも

さらに別のやつ google
http://judenco-shogi.hatenablog.com/entry/2014/05/21/214605
説明
http://timing-web.com/google-chart-api/

他の設定
http://blog.lqd.jp/api/000027.html

利用したチャートJS



<canvas id="radar" height="290" width="340"></canvas>
    <script>
	
	var radarChartData = {
  labels : ["感動","笑い","ほっこり","驚き","LOVE","女性的","戦い","かっこいい","ミステリアス","飽きない","展開速度"],
  datasets : [
    {
      fillColor : "rgba(230,117,56,0.5)",
      strokeColor : "#E67538",
      pointColor : "#E67538",
      pointStrokeColor : "#fff",
      data : [4,1,4,1,1,0,2,1,0,4,3],
	  },
//    {
 //     fillColor : "rgba(151,187,205,0.5)",
//      strokeColor : "rgba(151,187,205,1)",
 //     pointColor : "rgba(151,187,205,1)",
 //     pointStrokeColor : "#fff",
 //     data : [28,48,40,19,96,27,100]
//    }
  ]  
}
var myRadar = new Chart(document.getElementById("radar").getContext("2d")).Radar(radarChartData,{scaleShowLabels : false, 
pointLabelFontSize : 10,
scaleShowLabels: true,  // 目盛を表示(true/false)
scaleOverride : true, // 目盛の最大値を手動設定(true/false)
scaleSteps : 6, // 目盛の数
scaleStartValue : -1,
scaleStepWidth : 1,
	  });
</script>

1階作ったgoogleレーダーチャート

<canvas id="canvas" width="300px" height="300px">
</canvas>
<img src="http://chart.apis.google.com/chart?cht=r
&amp;chxt=x,y
&amp;chds=0,5
&amp;chls=2,1,0
&amp;chco=2EA7E0
&amp;chxr=1,0,5,1
&amp;chd=t:4,3,2,1,0,1,2,3,4,4,4,4
&amp;chm=B,2EA7E050,0,0,0|s,2EA7E0,0,-1,4,0
&amp;chxl=0:|感動|笑い|ほっこり|驚き|LOVE|女性的|戦い|かっこいい|ミステリアス|飽きない|展開速度
&amp;chxs=0,666666,13|1,666666,15

&amp;chts=000000,18,c
&amp;chs=340x340"

style="margin-left:0px;"/>
<!--&amp;chtt=レビュー||-->