html5 レーダーチャート

質問

現在、以下のURLのレーダーチャートについて勉強中です。

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

そこで1件解決できるかどうかの助言を頂きたい箇所があるのですが、

やりたいことは、全ての軸に対して、目盛（sLabel）　を付加させたいと思っています。
サンプルでは、縦軸のみに目盛を付加させています。

助言を頂けますと幸いです。

回答No.3

babu_baboo · ベストアンサー

#2 です。さっそくまちがえた。１にして。

for (var j = 0, J = i?params.angleNum:1; j < J; j++) {

お礼

ご連絡ありがとうございます。
勉強になります。　頂きましたソースを確認させて頂き、勉強致します。
もうしばらくお待ち下さい。

回答No.2

babu_baboo

改悪となりますが・・・
位置が回転すると微妙に・・・

すばらしいものをてきとうにいじると、うしろめたいきもちになる。

へんこうてんは、いか。
--
/* スケールラベルを描画 */
this._draw_scale_label(params, cpos, axis_angles);

--
html5jp.graph.radar.prototype._draw_scale_label = function(params, cpos, axis_angles) {
if( params.sLabel != true) { return; }
if( typeof(params.aLinePositions) != "object" || params.aLinePositions.length < 1 ) { return; }
for(var i=0; i<params.aLinePositions.length; i++) {
if( typeof(params.aLinePositions[i]) != "number" ) { continue; }
if( params.aLinePositions[i] < params.aMin ) { continue; }
var text = params.aLinePositions[i].toString();
/* テキスト領域のサイズを算出 */
var s = this._getTextBoxSize(text, params.sLabelFontSize, params.sLabelFontFamily);
var r = ( ( params.aLinePositions[i] - params.aMin ) * cpos.r / ( params.aMax - params.aMin ) ) ;
/* テキストを描画すべき左上端の座標を算出 */
for (var j = 0, J = i?params.angleNum:2; j < J; j++) {
var ang = axis_angles[j];
var x = Math.sin(ang) * r;
var y = Math.cos(ang) * r;
/* テキストを描画 */
this._drawText(Math.round (cpos.x - x + s.w + 3), Math.round (cpos.y - y - ( s.h / 2 )), text, params.sLabelFontSize, params.sLabelFontFamily, params.sLabelColor);
}
}
};

回答No.1

b0a0a

reader.jsを弄れば可能です