//yaxisはy軸。//xaxisはx軸。Radar(レーダーチャート)のデータの書き方s1、s2、s3はlabel(名前)とdataのセットです。ここでは3つにしたけど、何個でもOK。▲は多角形の頂点と中心点を結んだ軸。0からカウントします。0が真上(12時方向)です。別に「10点満点中何点」などと計算しなくても数値を入れればOK。データが6項目あるので、グラフは6角形になります。13行目の変数ticksは、多角形の頂点に書きたいテキスト。6角形にしたいなら、0から5まで6個きちんと指定します。ここで数が合ってないと変になるよ。Radar(レーダーチャート)の表示オプション編集gridのcircular:trueは、罫線を多角形にしてくれる(24行目)。これをtrueにしないと、長方形のグリッドが出て意味無し。デフォは当然false。は細かい(マイナーな)水平の罫線を表示する(25行目)。レーダーチャートでは、このサンプルのように0〜10段階とか小さなスパンなので、細かい水平グリッドは必要。ticks)の指定が無ければ省略して見やすくするようです。yaxisはy軸のこと(26行目)。minとmaxのデフォはnullで、データの最小値・最大値が自動的に使われるので、ここでは最小0、最大10と指定(27,28行)。minorTickFreqはマイナーな印をつける頻度(直訳やwww)。グラフの真ん中に入ってる小さい数字(0.0、2.0....、10.0)を入れる頻度を設定(29行目)。ここでは「2」にしたので0.0、2.0....、10.0と入ってるわけ。ticks}で、多角形の各頂点に、先ほど設定した変数ticks(13行目)のテキストが出ます。legendは、円グラフでの説明をご参考に。折れ線グラフはデフォルトでは、x軸の最小値〜最大値まで、y軸の最小値〜最大値までで座標を作ってグラフにします。y軸は見にくいので、最小値・最大値を修正しました。xy軸にタイトルもつけています。margin:12},});})(document.getElementById("graph3"));Basic(折れ線グラフ)のデータの書き方2〜20行で変数を指定しています。それぞれのデータはlabel(名前)とdataのセットです。[▲,□]の▲はx軸、□はy軸の数値。変数ticks(14〜20行目)は、後でx軸の目盛りに表示するテキストを指定しています。ticks}で、変数ticks(14〜20行目)をx軸のテキストにします。title:'テキスト'でx軸にタイトルを付けられます。y軸の最小値と最大値を指定しています。これを指定しなければ入力したデータの数値の最小・最大値でグラフを描くので。上下に余裕を持たせました。title:'テキスト'でy軸にタイトルを付けられます。legendは、円グラフでの説明をご参考に。Bars(積層グラフ)」これは折れ線グラフのデータをそのままコピペで使っています。y軸の最小値はデータの最小値になるのがデフォなので、それを0に変更。グラフにタイトルをつけ、バーの色も変えてみました。//バーを積み上げる。Bars(積層グラフ)のデータの書き方2〜20行で変数を指定。これは上の「折れ線グラフ」とまったく同じです。グラフのタイトル、サブタイトルがつけられます。colorsは、バーの色。次項で説明↓legendは、円グラフでの説明をご参考に。グラフのバーの指定です。積層グラフでは、このbarsの指定が重要。trueで棒グラフになります。デフォルトはfalseで折れ線グラフになります。trueは、バーを積み上げて積層グラフにします(横位置の積層グラフもあり、その場合は左から右につなぎます)。デフォはfalseでレイヤーのように同じ位置に重なります。barWidth:0.7は、バーの幅。デフォの「1」ではバー同士がくっつきます。lineWidth:0は、バーの枠線。0で枠無しになります。0.7は、バーの透明度。