graph_radar

概要

レーダーチャートを表示する

ダウンロード

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

デモ

サンプル1

サンプル2

サンプル3

サンプル4

サンプル5

パラメータ

パラメータ可変サンプル

サンプル

window.onload = function() {
  var rc = new html5jp.graph.radar("sample");
  if( ! rc ) { return; }
  var items = [
    ["商品A", 5, 2, 4, 5, 3, 2, 4, 4],
    ["商品B", 3, 4, 3, 4, 5, 4, 5, 1]
  ];
  var params = {
    aCap: ["安さ", "性能", "デザイン", "人気", "使いやすさ", "寿命", "軽さ", "強さ"],
    aMax: 6,
    aMin: 0,
    chartShape: "circle",
    faceColors: ["green", "olive"],
    aLinePositions: [0,1,2,3,4,5,6]
  };
  rc.draw(items, params);
};
 





最終更新:2013年05月23日 19:41