Home > Archives > 2008-12-02

2008-12-02

Flexで直交座標(Cartesian Coordinate)

2008-12-02 (火)
日記

X軸とY軸からなる二次元座標のグラフを作りたいと思っています。中学や高校の数学で出てくるアレ。

たとえば、FlexだとChartクラスのCartesianChartを使うという手があります。この場合、プロットの際にスクリーン座標から直交座標に変換してくれます。サイズ変更によっても動的にプロット位置を変更してくれるので、プロットはこのChartクラスに任せるに限ります。はじめは自分で計算していたのですが、いろいろと大変だったので。

CartesianChartに直交座標で図形描画できないかなと思い、調べてたらCartesianDataCanvasなるものがありますじゃないすか。

var graph:CartesianChart = new CartesianChart();
var cartesianCanvas:CartesianDataCanvas = new CartesianDataCanvas();
graph.annotationElements = [cartesianCanvas];
cartesianCanvas.lineStyle(1);
cartesianCanvas.lineTo(1, 8);

このようにすると、Chartに直線が描画されます。
LinearAxisなどで座標の変域を調整してあげる必要はありますが。