地図蔵 ▷ 2012年までの記事「トーナメント表を Google Chart Tools で作成」

トーナメント表を Google Chart Tools で作成

(2012年2月 5日)

グラフなど図表をWEB上に描画するのは何かと困難がつきまとうけれども、Google Chart Tools はこれを容易にする。
以前、ゲージを使ったが、あんがい敷居は高くなかった。

Google Chart Toolsを使ってサイトマップを描こう! : アシアルブログを読んで、orgchart の組織図はトーナメント表の作成にも応用できるじゃないか? と思った。
トーナメント表は、エクセルで書いてPDFに変換したり、Illustrator で描いて画像に出力してから、WEBに表示するというのが一般的かと思う。しかし内容のアップデートが面倒だ。
これを orgchart によって php を介し javascript を動的に変えてみる(例:次の準決勝の部分のみ書き換え可能にした)。

echo " [{v:'semi1', f:'$semi1'}, 'top'],\n";
echo " [{v:'quater1', f:'$quater1'}, 'semi1'],\n";

基本は、Organizational Chart のチュートリアルを見れば出来る。
チーム(選手)数など addRows 部分も php で指定するようにすれば、応用の幅が広がると思う。