読者になるka-ka_xyzの日記この広告は、90日以上更新していないブログに表示しています。Axiis最近、仕事2割:趣味8割ぐらいでFlex/Airをいじっている。Builderを買わないと使用できないらしい。Axiisにトライしてみた。現時点では日本語で書かれたAxiisコーディングについてのBlog等が少ないようなので(「こんなにきれいなグラフが表示できる!」系の記事は多いが、コード内容まで触れられているものは少ない)、公開作業メモを残してみる。公式サイトのExamplesの中に散布図グラフとmxmlソースがあったので、ほぼそれを流用する感じで作成。表示内容について以下のようなオブジェクトの配列を散布図のデータ元として使用する。value:Number;}このオブジェクトの集合(ArrayCollection)は、Airの組み込みDB上から以下のようにSingletonなDaoクラスのプロパティを通じて取得する。HogeDao.getInstance().hogeList;mxmlファイルについて色の設定などを除き、グラフの表示に最低限必要不可欠なXMLタグは以下のものaxiis:LinearScaleaxiis:DataCanvasview:PlotGroupaxis:VAxisaxis:HAxisaxiis:LinearScaleオブジェクトのプロパティ値と画面表示時のサイズを変換するためのオブジェクト。1)}"maxLayout="{plotGroup.width}"/>minLayout/maxLayout属性で画面表示上のピクセルサイズの最小・最大値を指定。minValue/maxValue属性でHogeクラスのxValueプロパティの最小・最大値を指定する。上の例は、X軸を描画するためのScale。同様にY軸を描画するためのScale(id="hScale")も作成する必要が有る。axiis:DataCanvasグラフの描画に使用するキャンバスのサイズや位置を指定。view:PlotGroupグラフのプロット部分を描画する。LinearScale(id={vScale})を使用して、Y軸の値と画面上の大きさを変換する。LinearScale(id={hScale})を使用して、X軸の値と画面上の大きさを変換する。X軸の値として、HogeクラスのyValueプロパティを使用する。Y軸の値として、HogeクラスのxValueプロパティを使用する。DataTipsを表示する際の値として、Hogeクラスのvalueプロパティを使用する。DataTipsを表示する際の表示名として、Hogeクラスのnameプロパティを使用する。axis:VAxisaxis:HAxisexampleのmxmlソースどおりで問題ないはず。詰まった箇所DataTipの表示場所が微妙にずれる。バルーンチップ(Axiis風に言うとDataTip)の表示場所がずれてしまう。mxmlから参照されるActionScriptに以下のような処理を加える。//グラフの初期化時に呼ばれるメソッド。PlotGroupクラスを継承し、preIterationメソッドをoverrideする。rgf;}}あとはmxmlファイルのPlotGroupタグをCustomPlotGroupタグに置き換えるだけ。最終的にはこんな感じの表示になる。12はてなブログをはじめよう!ka-ka_xyzさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。