I would like to add a horizontal scrollbar to the column chart that I
have. Can someone please show me how to do this? Below is the axis
renderer class that I need to alter. Please help. Thanks
package
{
import flash.display.Graphics;
import flash.display.Shape;
import flash.geom.Rectangle;
import mx.charts.AxisRenderer;
import mx.charts.chartClasses.GraphicsUtilities;
import mx.graphics.Stroke;
import mx.utils.ColorUtil;
public class TriDiAxisRenderer extends AxisRenderer
{
private var depth:Number = 20;
private var axisShape:Shape;
public function TriDiAxisRenderer()
{
super();
}
override protected function createChildren():void{
super.createChildren();
if(axisShape == null){
axisShape = new Shape();
addChild(axisShape);
}
}
override protected function updateDisplayList
(unscaledWidth:Number, unscaledHeight:Number):void
{
super.updateDisplayList(unscaledWidth,
unscaledHeight);
draw3DAxis(unscaledWidth, unscaledHeight);
}
private function draw3DAxis(unscaledWidth:Number,
unscaledHeight:Number):void {
var baseline:Number = Number(unscaledHeight -
gutters.bottom);
var stroke:Stroke = this.getStyle("axisStroke");
var g:Graphics = axisShape.graphics;
var rc:Rectangle = new Rectangle(gutters.left,
baseline - depth,
unscaledWidth - gutters.right - gutters.left,
depth);
g.clear();
g.beginFill(stroke.color, 1);
g.lineStyle(1, ColorUtil.adjustBrightness2
(GraphicsUtilities.colorFromFill(stroke.color),-10), 1);
g.moveTo(rc.x + depth, rc.y);
g.lineTo(rc.right - depth, rc.y);
g.lineTo(rc.right + 1, rc.y + rc.height);
g.lineTo(rc.x + 1, rc.y + rc.height);
g.lineTo(rc.x + depth, rc.y);
g.endFill();
}
}//class
}//package