人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

html5jpのグラフ描画ライブラリでレーダーチャートを書こうと思うのですが、IE6(WinXP)でうまく描画してくれません。
グラフのラベルは正しい位置に描画されるんですが、グラフの本体の位置が大きくずれてしまいます。
標準準拠モードで正しく表示するにはどうしたらよいのでしょうか?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="prototype.js" type="text/javascript"></script>
<script src="excanvas.js" type="text/javascript"></script>
<script src="radar.js" type="text/javascript"></script>
<title>タイトル</title>
</head>
<body>
<p>戻る</p>
<p>戻る</p>
<p>戻る</p>
<p>戻る</p>
<p>戻る</p>

<div><canvas height="300" id="chart" width="300"></canvas></div>
<script type="text/javascript">
window.onload = function() {
var rc = new html5jp.graph.radar("chart");
if( ! rc ) { return; }
var records = [["点数", 3.0, 4.0, 5.0, 4.0, 3.0]];
var options = {aLineWidth: 0,
aMax: 5,
faceColors: ["#FF0000"],
aCap: ["軸A", "軸B", "軸C", "軸D", "軸E"],
legend: false};
rc.draw(records, options);
};
</script>
</body>
</html>

●質問者: tak-n
●カテゴリ:ウェブ制作
✍キーワード:Draw IE6 Legend RC WinXP
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● GoldenDawn
●60ポイント

とりあえず div と canvas のスタイルで position を指定してみました。

<div style="position:relative;">
 <canvas height="300" id="chart" width="300" style="postion:absolute;top:0;">
 </canvas>
</div>
◎質問者からの返答

ありがとうございます!

とりあえず、divタグにスタイルをつけただけでうまく表示されるようになりました。

理屈はよくわかりませんが、IEのバグなんでしょうかね。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ