width:100%はよく使いますが、height:100%はあまり使いませんね。というか使えない場面がほとんどなんですが、じゃあ使うにはどうするか、というお話です。 サンプル まずは実際に指定してみたものをご覧ください。 CSSでheightの相対値を指定する 親要素に設定があれば指定できる 基本的には親要素に高さが指定されていれば、高さを相対値で設定できるという解釈で良いと思います。
HTML5のcanvas機能を使用してグラフが作成出来るライブラリ、「Flotr2」がとても素敵だったので試してみました。グラフは円グラフ・棒グラフ・折れ線グラフなど様々な形での表現が可能です。 使用方法 使用するときのルールは以下の通りです。 「flotr2.min.js」を読み込む グラフを表示するdivのID名を決めて、ソースを書き換える(デモでは「#graph」) 上記IDにwidth、heightを設定する あとはサンプルのソースの数値や項目名など書き換えればOK。 デモ 表現出来るグラフが紹介しきれないくらいたくさんあるので、汎用性のある折れ線グラフ、レーダーチャート、円グラフを試してみました。 折れ線グラフ デモページはこちら <br /> <!DOCTYPE html><br /> <html lang="ja" dir="ltr"><br /> <head><br />
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く