FLASHでグラフ

質問

FLASHでグラフを描こうとしています。
どこかよいサイトをご存知の方いらっしゃいませんでしょうか。

回答No.2

BlurFiltan · ベストアンサー

＃１ です。

少なくとも，「お絵描き方法」のご質問ではないことはわかりました。

ActionScriptなどによる
色々なグラフ作成専門のサイトや書籍はないように思います。
ですから「ここ」というものは提示できません。

理論的な解説に偏っていて実践書というより学術書のような感じですが，
グラフ というものを根本から考えたサイト（サイトの１コーナー）だとは思います。
ActionScript2.0 は FlashMXでは非対応ですが，CS3 では対応しています↓。

Flash講座 - WEBチュートリアル -
ActionScript 2.0の基礎とGraphの概念
「5-1 グラフ理論(Graph理論)」
http://www.javac.jp/flash/flashlab/graph/page5_1.html
「6-1 大きなグラフを遊泳する」
http://www.javac.jp/flash/flashlab/graph/page6_1.html

Flash は２次元ソフトですから，多次元グラフィックとなると，
Z軸 を自分で定義したりする必要が出てきます。
より3Dらしい表現をするときは「透視変換」や「透視投影」と呼ばれる計算が必要な場合があります。
ActionScript1.0 は Flash MX でも大丈夫です↓。

「MdN Interactive - 第1回　3D表現とは？」
http://www.mdn.co.jp/content/view/1093/88/

その他 「透視変換」 などと Google で検索すると色々なサンプルや情報が見つかります。

＃１ で書いた URL も上で書いた URL も，
「グラフというものは多種多様であるためその場に応じてプログラミングする必要がある。」
という共通点があると思います。
つまり結局，
「普通の Flash を作成する技術を使って，たまたまグラフという形のものを表現するだけ。」
ということにもなります。

3D 表現用 のライブラリのクラスファイルなどは見つかりますが，
グラフは多種多様であるためか，そういうライブラリは見つかりませんでした。
Flash の成り立ちが，
「0からオリジナルなものを作成できる」
ということに起因しているのかもしれません。

例えば（あくまでも例えばですよ），
スヌーピーのようなキャラクターが
歩きながら複数の旗竿に国旗掲揚のように旗を登らせて行って，
旗竿に登った旗をグラフ（棒グラフ）と見立てるようなアニメーションを演出するようなことも考えられます。
そんな表現はライブラリのクラスファイルやコンポーネントでは無理です。

物によるので何とも言えませんが，
Flex の利用も１つの手段かもしれないと思います。

Flash にはグラフに特化したコンポーネントやクラスはありませんが，
Flex にはチャート用コンポーネントとその charts クラスがあります。

Adobe Flex 3 ヘルプ「Flex チャートコンポーネント」
http://livedocs.adobe.com/flex/3_jp/html/help.html?content=charts_types_01.html
Google 検索 「mx.charts」
http://www.google.co.jp/search?hl=ja&q=mx.charts&lr=&aq=f&oq=

Flash も Flex も結局できるものは SWF ファイルです。
「Flash は 白紙状態から何でも自作するデザイナー向きソフト」 で，
「Flex は 既存のコンポーネントなどを XML や ActionScript で操作するプログラマ向きソフト」 です。

Flex では自由自在に色々なものを自作したりできるわけではありませんが(悪く言うとあまりオリジナリティのある面白いものは作れない)，
ご質問内容は，ひょっとしたら Flash より Flex の方が向いているかもしれません(良く言うとクールでスマートなインターフェイスが比較的楽に作成できる)。
また，
Flex で作成したグラフを Flash で作成したムービー内にロードするなどすれば，
かなり面白い物ができる可能性もあります。

物によるので何とも言えませんけどね。

お礼

非常にわかりやすかったです＾＾
ありがとうございます。
ＦＬＥＸで検討してみようとおもいます。

回答No.1

BlurFiltan

> FLASHでグラフを描こうとしています。

と書かれましても，
文字通り本当にグラフ画像をペンツールやバケツツールで描こうとされている，
「お絵描き」の質問である可能性も十分考えられます。

仮に 「お絵描き」 の質問ではなくて，
「ActionScriptによる描画」の質問だとしても，
どんなグラフなのか，
またお持ちのFlashのバージョンは何なのか，
ActionScriptのバージョンは何なのか。
この辺りもさっぱりわかりません。

つまり，質問になっていないご質問です。

ActionScriptによる円グラフ描画ならこんな感じでしょうか↓。

「Adobe - デベロッパーセンター
XML を利用したインタラクティブな円グラフの作成」
http://www.adobe.com/jp/devnet/flash/articles/ad-mix.html

私事としては，
かつてレーダーチャート描画スクリプトを必死で作成＆回答したことがあります。

「QNo.4037708 Flashでレーダーチャート」
http://okwave.jp/qa4037708.html

ご質問をちゃんとした質問にすることと，
目標物を具体的にイメージすることが先ですね。

目標物やFlashのバージョン等によっては回答できないことも多々ありますが，
少なくとも今のままではどなたも（質問者も回答者も）先に進めないと思います。

補足

ご指摘ありがとうございます。

ActionScriptを使って描こうとしています。
グラフは主に散布図や多次元で、
ポートフォリオや成長曲線などのマーケティングに利用する予測データ
を描画しようとしています。

データ自体はＤＢ（ＭｙＳＱＬ）に入っており、
ＰＨＰで内部を作成する予定です。

会社ではＣＳ３を使用しています。
自宅では、ＦＬＡＳＨ　ＭＸです。

ご紹介いただいたサイト拝見しました。
やはり、綺麗でみていて飽きませんせんね。。。