jiji 1.2.5

data/swf/chart/fx/chart/ui/TradeResult.as

@@ -0,0 +1,330 @@
+package fx.chart.ui {
+
+  import fx.util.*;
+  import fx.chart.*;
+  import fx.chart.model.*;
+  import fx.chart.ctrl.*;
+
+  import flash.display.*;
+  import flash.events.MouseEvent;
+  import flash.text.*;
+  import flash.geom.*;
+  import flash.external.*;
+
+  /**
+   * 取引データ
+   */
+  public class TradeResult extends AbstractDrawChartUI {
+
+    /**詳細情報ウインドウ*/
+    private var detailWindow:TradeDetailWindow;
+
+    /**取引結果を描画するスプライト*/
+    private var graph:Sprite;
+    private var graphFixed:Sprite;
+    private var trades:Sprite;
+
+    public function TradeResult( model:Model,
+        controller:Controller, rc:RenderingContext ) {
+      super( model,controller,rc );
+
+      detailWindow = new TradeDetailWindow( model,controller,rc );
+
+      // スプライト
+      graphFixed = new Sprite();
+      rc.layers.lowAxisY.addChild( graphFixed );
+      graph = new Sprite();
+      rc.layers.main.addChild( graph );
+      trades = new Sprite();
+      rc.layers.axisY.addChild( trades );
+      
+    }
+    public function onTradeDataChanged( ev:Event ):void {
+      trades.x = 0;
+      Util.clear( trades );
+
+      var trade:Rectangle = rc.stage.trade;
+
+      var datas:Array = model.tradeDatas.getDatas();
+      if ( datas.length <= 0 ) { return; }
+
+      datas.sortOn( "date", Array.NUMERIC ); // 開始日時順にソート
+      var slotsUp:Array = [];
+      var slotsDown:Array = [];
+      for (var i:int=0;i<6;i++) {
+         slotsUp.push(new Slot(model.scaleTime));
+         slotsDown.push(new Slot(model.scaleTime));
+      }
+      datas.forEach( function(t:*,i:int,arr:Array):void{
+         var slots:Array = t.profit_or_loss >= 0 ? slotsUp : slotsDown 
+        for (var j:int=0;j<slots.length;j++) {
+          if ( !slots[j].conflict(t) ) {
+            slots[j].add(t);
+            return;
+          }
+        }
+        // 入りきらないモノは破棄。
+      });
+
+      // 描画
+      slotsUp.forEach( function(s:*,j:int,arr2:Array):void{
+        var y:int = trade.top + int(trade.height/2) - (j+1) * 6;
+        drawSlot( s, y );
+      });
+      slotsDown.forEach( function(s:*,j:int,arr2:Array):void{
+          var y:int = trade.top + int(trade.height/2) +2 +  j * 6;
+          drawSlot( s, y );
+      });
+    }
+    
+    private function drawSlot( s:Slot, y:int ):void {
+        
+        var trade:Rectangle = rc.stage.trade;
+        
+        s.data.forEach( function(d:*,i:int,arr:Array):void {
+    
+          var sprite:Sprite = new Sprite();
+          var g:Graphics =sprite.graphics;
+           
+          // ポジション保有時の座標。表示範囲外の場合 < 0
+          var start:int = model.positionManager.fromDate( Math.floor(d.date / model.scaleTime) * model.scaleTime );
+          // ポジション決済時の座標。表示範囲外の場合  end+trade.left > trade.right
+          var end:Number = 0;
+          if ( d.fix_date ) {
+            end = model.positionManager.fromDate( Math.floor(d.fix_date / model.scaleTime) * model.scaleTime );
+          }
+          var w:int = end - start + 4 < trade.width ? end - start + 4 : trade.width ; // 横幅。表示範囲より広い場合、表示幅
+          var color:uint = getTradeColor(d);
+    
+          // 開始円
+          var img:Bitmap = null;
+          if ( start > 3 ) {
+            img = getTradeBitmap( d );
+            img.x = 0;
+            img.y = 0;
+            sprite.addChild(img);
+          }
+          
+          // 決済済みで且つ開始と終了が同じ位置にある 場合は、線と終了点は描画しない。
+          if ( !(d.fix_date  && w-4 <= 0) ) {
+              // 線
+              var abs:Number = Math.abs( d.profit_or_loss);
+              var left:int = NaN;
+              if ( d.fix_date && (end+trade.left < trade.right) ) {
+                // 表示範囲内で決済済み
+                if ( start > 0) {
+                  left = w-4;
+                } else {
+                  left = end-4;
+                }
+              } else {
+                if ( start > 0) {
+                  left = trade.width - start;
+                } else {
+                  left = trade.width-1;
+                }
+              }
+              g.lineStyle( 0, color, 1,
+                  true, LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+              g.moveTo( start > 3 ? 4 : 0 , 2 );
+              g.lineTo( left, 2 );
+        
+              // 終了円
+              // 約定済みで表示範囲内に値がある場合描画
+              if ( d.fix_date && trade.left + end <= trade.right -3 ) {
+                img = getTradeBitmap( d );
+                img.x = start > 0 ? w-4 : end-3;
+                img.y = 0;
+                sprite.addChild(img);
+              }
+          }
+          
+          // あたり判定を行うためのスプライト
+          var overSpace:Sprite = new Sprite();
+          overSpace.alpha = 1;
+          overSpace.graphics.beginFill(0x000000);
+          overSpace.graphics.drawRect( 0, 0, left+5, 6 );
+          overSpace.graphics.endFill();
+          overSpace.x = start > 0 ? start+trade.left-2 : trade.left ;
+          overSpace.y = y ;
+          overSpace.visible = false;
+          sprite.hitArea = overSpace;
+          
+          sprite.alpha = 0.65
+          sprite.x = start > 0 ? start+trade.left-2 : trade.left + 1;
+          sprite.y = y ;
+          sprite.addEventListener(MouseEvent.MOUSE_OVER, function(ev:flash.events.MouseEvent):void {
+            sprite.alpha = 1;
+            rc.layers.setWindowVisible({"trade":true});
+            detailWindow.update( d, ev );
+          });
+          sprite.addEventListener(MouseEvent.MOUSE_OUT,  function(ev:flash.events.MouseEvent):void {
+              sprite.alpha = 0.65;
+              rc.layers.setWindowVisible({"info":true});
+          });
+          trades.addChild( overSpace );
+          trades.addChild( sprite );
+        });
+    }
+    
+    private function getTradeBitmap(d:Object):Bitmap {
+      var sell:Boolean = d["sell_or_buy"] == "sell";
+      var img:Bitmap = null;
+      if (d.profit_or_loss > 0) {
+        img = sell ? new Constants.ICON_TRADE_UP_SELL()
+                   : new Constants.ICON_TRADE_UP_BUY();
+      } else if (d.profit_or_loss == 0) {
+          img = sell ? new Constants.ICON_TRADE_DRAW_SELL()
+          : new Constants.ICON_TRADE_DRAW_BUY();
+      } else {
+        img = sell ? new Constants.ICON_TRADE_DOWN_SELL()
+                   : new Constants.ICON_TRADE_DOWN_BUY();
+      }
+      var abs:Number = Math.abs( d.profit_or_loss);
+      return img;
+    }
+    private function getTradeColor(d:Object):uint {
+      var color:uint = 0;
+      if (d.profit_or_loss > 0) {
+        color = Constants.COLOR_UP;
+      } else  if (d.profit_or_loss == 0) {
+          color = Constants.COLOR_DRAW;
+      } else {
+        color = Constants.COLOR_DOWN;
+      }
+      return color;
+    }
+
+    public function onProfitDataChanged( ev:Event ):void {
+
+      // レイヤーを初期化
+      ([graph,graphFixed,axis,lowAxis]).forEach( function(l:*,i:*,arr:Array):void{
+          l.x = 0;
+          Util.clear( l );
+      } );
+
+      var pm:PositionManager = model.positionManager;
+      var profit:Rectangle = rc.stage.profit;
+      var middle:int = profit.top + profit.height/2;
+
+      // 0
+      createText( "0", axis,  Constants.TEXT_FORMAT_SCALE_Y,  0, middle-8, profit.left-2 );
+
+      // 背景
+//      axis.graphics.lineStyle( 0, Constants.COLOR_AXIS_HI );
+//      axis.graphics.moveTo( profit.left+1, middle+1 );
+//      axis.graphics.lineTo( profit.right, middle+1 );
+      axis.graphics.lineStyle( 0, Constants.COLOR_CANDLE );
+      axis.graphics.moveTo( profit.left+1, middle );
+      axis.graphics.lineTo( profit.right, middle );
+//      var img:Bitmap = new Constants.BITMAP_STRIPE();
+//      g.beginBitmapFill(img.bitmapData);
+//      g.drawRect( Constants.LEFT+2, middle,
+//          stageWidth-Constants.LEFT-Constants.PADDING, 1 );
+//      g.endFill();
+
+      if ( model.profitDatas.getDatas().length <= 0 ) { return; }
+
+      // 軸
+      lowAxis.graphics.lineStyle( 0, Constants.COLOR_AXIS_RIGHT, 1, true,
+          LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+
+      var step:Number = Math.pow(10, int(pm.profitPerY == 0 ? 1 : Math.log(pm.profitPerY)*Math.LOG10E));
+      if ( pm.profitPerY > step * 5 ) {
+        step *= 5;
+      }
+      var start:Number = Math.ceil( -1*pm.profitPerY / step ) * step;
+      for( var tmp:Number=start; tmp<=pm.profitPerY; tmp+=step) {
+        if ( tmp == 0 ) { continue; }
+        var y:int = profit.bottom
+          - pm.fromProfit(tmp,profit.height); //int((max-tmp) * hp);
+        lowAxis.graphics.moveTo( rc.stage.candle.left+1, y );
+        lowAxis.graphics.lineTo( rc.stage.candle.right, y );
+
+        createText( tmp.toString(), axis,  Constants.TEXT_FORMAT_SCALE_Y,  0, y-8, rc.stage.candle.left-2 );
+      }
+
+
+      // データ
+      var datas:Array = model.profitDatas.getDatas();
+      graph.graphics.lineStyle( 0, Constants.COLOR_UNFIXED, 1,
+          true, LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+      var prevX:Array = [];
+      var prevY:Array = [];
+      var imgRed:Bitmap  = new Constants.BITMAP_STRIPE_RED();
+      var imgBlue:Bitmap = new Constants.BITMAP_STRIPE_BLUE();
+      datas.forEach( function(d:*,i:int,arr:Array):void {
+        var x:int = pm.fromDate( d[4] )+profit.left;
+        var y:int = profit.bottom - pm.fromProfit( d[0], profit.height );
+
+        // 現在の損益
+        if (i==0) {
+          graph.graphics.moveTo( x, y);
+        } else {
+          graph.graphics.lineTo( x, y );
+        }
+
+        // コミット済み損益
+        y = profit.bottom - pm.fromProfit( d[1], profit.height );//middle - d[1]*hp;
+        if ( i <= 0 || i >= datas.length-1 ) {
+          prevY.push(y);
+          prevX.push(x);
+          return;
+        }
+
+        if ( prevY[prevY.length-1] != y ) {
+          prevY.push(y);
+          prevX.push(x);
+          if ( prevY[prevY.length-2] >= middle ) {
+            if ( y < middle ) {
+              drawFixedPosition(graphFixed.graphics,imgBlue,prevX,prevY,middle);
+              prevX = [x];
+              prevY = [y];
+            }
+          } else {
+            if ( y >= middle ) {
+              drawFixedPosition(graphFixed.graphics,imgRed,prevX,prevY,middle);
+              prevX = [x];
+              prevY = [y];
+            }
+          }
+        }
+      });
+      drawFixedPosition(graphFixed.graphics,prevY[0]>=middle ? imgBlue : imgRed,prevX,prevY,middle);
+    }
+    private function drawFixedPosition(g:Graphics,
+        img:Bitmap,prevX:Array,prevY:Array,middle:int):void {
+      g.moveTo( prevX[0], middle );
+      g.beginBitmapFill(img.bitmapData);
+      prevY.forEach( function(d:*,i:int,arr:Array):void {
+        if (i>0) {
+          g.lineTo( prevX[i], prevY[i-1] );
+        }
+        g.lineTo( prevX[i], prevY[i] );
+      });
+      g.lineTo( prevX[prevX.length-1], middle );
+      g.endFill();
+    }
+  }
+}
+
+class Slot {
+
+  public var data:Array = [];
+  private var last:Number = -1;
+  private var scaleTime:Number = 0;
+
+  public function Slot( scaleTime:Number ) {
+    this.scaleTime = scaleTime;
+  }
+
+  public function conflict( trade:Object ):Boolean {
+    return last == 0 || trade.date <= last+scaleTime;
+  }
+  public function add( trade:Object ):void {
+    data.push( trade );
+    last = trade.fix_date;
+    //log("last:" + String(last) )
+  }
+}
+

data/swf/chart/fx/chart/ui/Window.as

@@ -0,0 +1,96 @@
+package fx.chart.ui {
+  
+  import fx.chart.model.*;
+  import fx.chart.ctrl.*;
+  import fx.chart.*;
+  import fx.util.*;
+  import flash.events.*;
+  import flash.display.*;
+  import flash.text.*;
+  import flash.geom.*;
+  import flash.filters.*;
+  
+  /**
+   * ウインドウ
+   */
+  public class Window extends AbstractChartUI  {
+    
+    internal static const LINE_COLOR:uint = 0xFFFFFF;
+    internal static const FILL_COLOR:uint = 0xFFFFFF;
+    internal static const FILL_COLOR_DARK:uint = 0xF2F2EE;
+    internal static const LINE_COLOR_HIGH:uint = 0x939390;
+    internal static const LINE_COLOR_LOW:uint = 0xa3a3a0;
+    internal static const LINE_COLOR_AURA:uint = 0x76afaa;
+    
+    /**ウインドウを描画するスプライト*/
+    public var window:Sprite;
+    
+    public function Window( model:Model, controller:Controller, 
+        rc:RenderingContext, layer:Sprite, width:int, height:int ) {
+      
+      super( model,controller,rc );
+      
+      var stageWidth:int = rc.stage.width;
+      var stageHeight:int = rc.stage.height;
+      
+      // 情報ウインドウ
+      window = new Sprite();
+      var g:Graphics = window.graphics;
+      
+      // 本体
+      var matrix:Matrix = new Matrix();
+      matrix.createGradientBox(250, 250, 0, -50, -60);
+      g.beginGradientFill(
+          GradientType.RADIAL,
+          [FILL_COLOR, FILL_COLOR_DARK], 
+          [1,0.65], 
+          [0x00, 0xFF],
+          matrix, SpreadMethod.PAD,
+          InterpolationMethod.RGB, 0)
+      g.drawRect( 0, 0, width, height );
+      g.endFill();
+      
+      // 周りの白
+      g.lineStyle( 0, LINE_COLOR, 1, 
+          true, LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+      g.drawRect( 0, 0, width, height );
+      
+      // 内線
+      g.lineStyle( 2, LINE_COLOR_AURA, 0.2, 
+          true, LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+      g.drawRect( -2, -2, width+5, height+5 );
+      
+      // 左上辺
+      g.lineStyle( 0, LINE_COLOR_HIGH, 1, 
+          true, LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+      g.moveTo( -1, height+1 );
+      g.lineTo( -1, -1 );
+      g.lineTo( width+1, -1 );
+      
+      // 右下辺
+      g.lineStyle( 0, LINE_COLOR_LOW, 1, 
+          true, LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+      g.moveTo( 0, height+1 );
+      g.lineTo( width+1, height+1 );
+      g.lineTo( width+1, 0 );
+      
+      
+      
+      // 内線
+//      g.lineStyle( 0, LINE_COLOR_HIGH, 0.8, 
+//          true, LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+
+//      g.moveTo( 6, 1 );
+//      g.lineTo( width-6, 1 );
+//      g.lineTo( width-1, 6 );
+//      g.lineTo( width-1, height-6 );
+//      g.lineTo( width-6, height-1 );
+//      g.lineTo( 6, height-1 );
+//      g.lineTo( 1, height-6 );
+//      g.lineTo( 1, 6 );
+//      g.lineTo( 6, 1 );
+      
+      layer.addChild( window );
+    }
+  }
+}

data/swf/chart/fx/chart/ui/candle/Axis.as

@@ -0,0 +1,112 @@
+package fx.chart.ui.candle {
+
+  import fx.util.*;
+  import fx.chart.Chart;
+  import fx.chart.ui.*;
+  import fx.chart.model.*;
+  import fx.chart.ctrl.*;
+  import flash.display.*;
+  import flash.text.*;
+  import flash.geom.*;
+  import flash.external.*;
+
+  /**
+   * 軸
+   */
+  internal class Axis extends AbstractChartUI {
+
+    /**ローソク足を描画するスプライト*/
+    private var axis:Sprite;
+    private var lowAxis:Sprite;
+    private var axisY:Sprite;
+    private var lowAxisY:Sprite;
+
+    public function Axis( model:Model,controller:Controller, rc:RenderingContext,
+        main:Sprite, axis:Sprite, axisY:Sprite, lowAxis:Sprite, lowAxisY:Sprite ) {
+      super( model,controller,rc );
+      this.axis = axis;
+      this.lowAxis = lowAxis;
+      this.axisY = axisY;
+      this.lowAxisY = lowAxisY;
+    }
+
+    public function init( ):void {
+
+      var max:Number = model.positionManager.rateMax;
+      var min:Number = model.positionManager.rateMin;
+
+      var ctrl:Rectangle = rc.stage.ctrl;
+      var candle:Rectangle = rc.stage.candle;
+      var trade:Rectangle = rc.stage.trade;
+      var xAxis:Rectangle = rc.stage.xAxis;
+      var profit:Rectangle = rc.stage.profit;
+
+      // 軸の線を描画
+      var gb:Graphics = lowAxis.graphics;
+
+      // y軸メモリ
+      gb.lineStyle( 0, Constants.COLOR_AXIS_RIGHT, 1, true,
+          LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+
+      var diff:Number = max-min;
+      var step:Number = Math.pow(0.1, 3-int( max == 0 ? 1 : Math.log(max)*Math.LOG10E) );
+      if ((diff / step) > 5) {
+        step *= int( diff / step / 5);
+      }
+      var start:Number = Math.ceil( min / step ) * step;
+      for( var tmp:Number=start; tmp<=max; tmp+=step) {
+        var y:int = candle.bottom
+          - model.positionManager.fromRate(tmp,candle.height);
+        gb.moveTo( candle.left, y );
+        gb.lineTo( candle.right, y );
+
+        var scaleText:TextField = new TextField();
+        scaleText.selectable = false;
+        scaleText.text = tmp.toFixed( 4-(max == 0 ? 1 : Math.log(max)*Math.LOG10E) );
+        scaleText.width = candle.left-2;
+        scaleText.setTextFormat( Constants.TEXT_FORMAT_SCALE_Y );
+        scaleText.y = y-8;
+        scaleText.x = 0;
+
+        lowAxis.addChild(scaleText);
+      }
+
+      // x軸メモリの描画準備
+      var sf:ScaleFormatter = new ScaleFormatter( model.scale );
+      sf.start( Util.createDate( model.startDate.getTime()/1000 ) );
+      start = model.startDate.getTime()/1000;
+      var end:Number = model.endDate.getTime()/1000;
+      var next:Number = sf.nextDate().getTime()/1000;
+
+      while ( next < end ) {
+
+        var x:int = candle.left +
+          model.positionManager.fromDate( next );
+
+        // x軸のメモリを書く
+        lowAxisY.graphics.lineStyle( 0, Constants.COLOR_AXIS_RIGHT, 1, true,
+            LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+
+        var str:String = sf.format( Util.createDate(next) );
+        lowAxisY.graphics.moveTo( x, candle.top );
+        lowAxisY.graphics.lineTo( x, xAxis.top );
+        lowAxisY.graphics.moveTo( x, xAxis.bottom );
+        lowAxisY.graphics.lineTo( x, profit.bottom );
+
+        scaleText = new TextField();
+        scaleText.selectable = false;
+        scaleText.text = str;
+        scaleText.width = 100;
+        scaleText.setTextFormat( Constants.TEXT_FORMAT_SCALE_X );
+        scaleText.y = xAxis.top+0;
+        scaleText.x = x-50;
+
+        lowAxisY.addChild(scaleText);
+
+        next = sf.nextDate().getTime()/1000;
+      }
+    }
+    public function drawCandle( data:Object ):void {}
+  }
+
+}

data/swf/chart/fx/chart/ui/candle/Candle.as

@@ -0,0 +1,79 @@
+package fx.chart.ui.candle {
+
+  import fx.util.*;
+  import fx.chart.Chart;
+  import fx.chart.ui.*;
+  import fx.chart.model.*;
+  import fx.chart.ctrl.*;
+  import flash.display.*;
+  import flash.text.*;
+  import flash.geom.*;
+  import flash.external.*;
+
+  /**
+   * ローソク足
+   */
+  internal class Candle extends AbstractChartUI  {
+
+    private var main:Sprite;
+
+    public function Candle( model:Model,controller:Controller, rc:RenderingContext,
+        main:Sprite, axis:Sprite, axisY:Sprite, lowAxis:Sprite, lowAxisY:Sprite ) {
+      super( model,controller,rc );
+      this.main = main;
+    }
+
+    public function init( ):void {
+
+    }
+    public function drawCandle( data:Object ):void {
+
+      var pm:PositionManager = model.positionManager;
+      var g:Graphics = main.graphics;
+
+      // 中心位置なので2を引いて蝋の左辺にする
+      var x:int = pm.fromDate( data[5] ) + rc.stage.candle.left - 2;
+
+      g.lineStyle( 0, Constants.COLOR_CANDLE, 1, true,
+          LineScaleMode.NONE, CapsStyle.NONE, JointStyle.BEVEL );
+
+      // 蝋
+      var up:Boolean = data[1] >= data[0];
+      var low:Number  = !up  ? data[1] : data[0];
+      var high:Number = up ? data[1] : data[0];
+
+      var height:int = rc.stage.candle.height;
+
+      var y:int = pm.fromRate( high, height ); // int((max - high) * hp );
+      var h:int = y - pm.fromRate( low, height );
+//      var matr:Matrix = new Matrix();
+//      matr.createGradientBox(10, h, Math.PI / 2, 0, y+PADDING);
+      g.moveTo( x, rc.stage.candle.bottom - y );
+      g.beginFill( up ? Constants.COLOR_ROW_UP_HIGH : Constants.COLOR_ROW_DOWN_LOW, 1.0 );
+//      g.beginGradientFill(
+//          GradientType.LINEAR,
+//          up ? [COLOR_ROW_UP_HIGH, COLOR_ROW_UP_LOW]
+//             : [COLOR_ROW_DOWN_HIGH, COLOR_ROW_DOWN_LOW],
+//          [1,1],
+//          [0x00, 0xFF],
+//          matr,
+//          SpreadMethod.PAD)
+      g.drawRect( x, rc.stage.candle.bottom - y, 4, h );
+      g.endFill();
+
+      // 火
+      if ( data[2] != high ) {
+        var y2:int =  pm.fromRate( data[2], height ); //int((max - data[2]) * hp );
+        g.moveTo( x+2, rc.stage.candle.bottom - y2 );
+        g.lineTo( x+2, rc.stage.candle.bottom - y );
+      }
+      if ( data[3] != low ) {
+        var y3:int = pm.fromRate( data[3], height ); // int((max - data[3]) * hp );
+        g.moveTo( x+2, rc.stage.candle.bottom - (y-h) );
+        g.lineTo( x+2, rc.stage.candle.bottom - y3 );
+      }
+      //x += 2;
+    }
+  }
+
+}

data/swf/chart/fx/chart/ui/candle/CandleChart.as

@@ -0,0 +1,81 @@
+package fx.chart.ui.candle {
+
+  import fx.util.*;
+  import fx.chart.Chart;
+  import fx.chart.ui.*;
+  import fx.chart.model.*;
+  import fx.chart.ctrl.*;
+  import flash.display.*;
+  import flash.text.*;
+  import flash.geom.*;
+  import flash.external.*;
+
+  /**
+   * ローソク足チャート
+   */
+  public class CandleChart extends AbstractDrawChartUI {
+
+    private var elements:Array;
+
+    /**
+     * コンストラクタ
+     */
+    public function CandleChart(model:Model,
+        controller:Controller, rc:RenderingContext) {
+      super( model,controller,rc );
+
+      elements = [ 
+          new Axis(   model,controller,rc,main,axis,axisY,lowAxis,lowAxisY ),
+          new Candle( model,controller,rc,main,axis,axisY,lowAxis,lowAxisY ) ];
+    }
+
+    public function onCandleDataChanged( ev:Event ):void {
+
+      // データ数から、各データあたりの幅を算出
+      var graphWidth:Number = rc.stage.candle.width;
+      var graphHeight:Number = rc.stage.candle.height;
+
+
+      // レイヤーを初期化
+      ([main, axis,axisY,lowAxis,lowAxisY]).forEach( function(l:*,i:*,arr:Array):void{
+          l.x = 0;
+          Util.clear( l );
+      } );
+      
+      var ctrl:Rectangle = rc.stage.ctrl;
+      var candle:Rectangle = rc.stage.candle;
+      var trade:Rectangle = rc.stage.trade;
+      var xAxis:Rectangle = rc.stage.xAxis;
+      var profit:Rectangle = rc.stage.profit;
+
+      // 軸の線を描画
+      var g:Graphics = axis.graphics;
+      var gb:Graphics = lowAxis.graphics;
+
+      // 軸
+      g.lineStyle( 0, Constants.COLOR_AXIS_HI );
+      g.moveTo( candle.left+1, candle.top);
+      g.lineTo( candle.left+1, profit.bottom-1 );
+      g.moveTo( candle.left+1, xAxis.top+1 );
+      g.lineTo( candle.right,  xAxis.top+1);
+
+      g.lineStyle( 0, Constants.COLOR_AXIS );
+      g.moveTo( candle.left, candle.top);
+      g.lineTo( candle.left, profit.bottom );
+      g.moveTo( candle.left, xAxis.top );
+      g.lineTo( candle.right,  xAxis.top);
+      
+      if ( model.rateDatas.getDatas().length <= 0 ) { return; }
+
+      for (var i:int=0; i < elements.length; i++) {
+        elements[i].init();
+      }
+      var datas:Array = model.rateDatas.getDatas();
+      for (var j:int=0; j < datas.length; j++) {
+        for (i=0; i < elements.length; i++) {
+          elements[i].drawCandle( datas[j] );
+        }
+      }
+    }
+  }
+}