--- In flexcoders@yahoogroups.com, "Ely Greenfield" <[EMAIL PROTECTED]> wrote: > Hi Carl. I'd like to help, but I really need to see your code. > Again, a very simple example...
Thanks Ely. I've trimmed it down as much as I think I can... I have a lot more going on, but this is it in it's basic form... and it still exhibits the same issues. MXML ============================================== <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; creationComplete="appInit()" layout="absolute"> <mx:Script> <![CDATA[ [Bindable] public var localData:Array; private function appInit(){ localData = [ {"name":"Plot A","xAxis":"5","yAxis":"6","size":"240000","visible":"1"}, {"name":"Plot B","xAxis":"-5","yAxis":"6","size":"500000","visible":"1"}, {"name":"Plot C","xAxis":"5","yAxis":"-6","size":"500000","visible":"1"} ]; } private function redrawChart(){ plotClient.dataProvider = gridClient.dataProvider; } ]]> </mx:Script> <mx:HBox> <mx:Panel width="100%" height="100%"> <mx:PlotChart id="plotClient" height="100%" width="100%" dataProvider="{localData}" axisTitleStyleName="linearAxis" paddingBottom="20" paddingLeft="20" paddingRight="20" paddingTop="20" showDataTips="true" > <mx:horizontalAxis> <mx:LinearAxis baseAtZero="false" maximum="11" minimum="-11" title="< X Axis >" /> </mx:horizontalAxis> <mx:verticalAxis> <mx:LinearAxis baseAtZero="false" maximum="11" minimum="-11" title="< Y Axis >" /> </mx:verticalAxis> <mx:series> <mx:PlotSeries displayName="Chart" id="chartPlotSeries" itemRenderer="ClientItemRenderer" xField="xAxis" yField="yAxis" /> </mx:series> </mx:PlotChart> </mx:Panel> <mx:Panel width="100%" height="100%"> <mx:DataGrid dataProvider="{localData}" click="redrawChart()" editable="true" height="100%" id="gridClient" name="gridClient" width="100%" > <mx:columns> <mx:DataGridColumn dataField="name" headerText="Name" textAlign="left" /> <mx:DataGridColumn dataField="xAxis" headerText="X Axis" /> <mx:DataGridColumn dataField="yAxis" headerText="Y Axis" /> <mx:DataGridColumn dataField="size" headerText="Size" /> <mx:DataGridColumn dataField="visible" headerText="Show" /> </mx:columns> </mx:DataGrid> </mx:Panel> </mx:HBox> </mx:Application> And my ClientItemRenderer AS is pretty much just a revision of the samples on QuietlyScheming ClientItemRenderer.as ============================================== package { import mx.skins.ProgrammaticSkin; import flash.geom.Rectangle; import mx.graphics.*; import flash.display.Graphics; import mx.core.IDataRenderer; import mx.charts.ChartItem; import flash.events.MouseEvent; import mx.core.UIComponent; import mx.controls.Label; import mx.charts.PlotChart; import mx.charts.series.items.PlotSeriesItem; import flash.events.Event; import mx.events.FlexEvent; public class ClientItemRenderer extends UIComponent implements IDataRenderer { private var _label:Label; private var _status:Label; private var _itemFill:uint; private var _itemVisible:Boolean; private var _itemSize:int; private var _itemXAxis:int; private var _itemYAxis:int; public function ClientItemRenderer() { super(); _label = new Label(); addChild(_label); _label.setStyle("color",0x000000); _status = new Label(); addChild(_status); _status.setStyle("color",0x000000); } private var _chartItem:ChartItem; public function get data():Object { return _chartItem; } public function set data(value:Object):void { if (_chartItem == value) return; _chartItem = ChartItem(value); _itemVisible = false; if(_chartItem != null){ _itemXAxis = _chartItem.item.xAxis; _itemYAxis = _chartItem.item.yAxis; var clientRev = _chartItem.item.size; _itemSize = 1; if (int(clientRev) > 250000) _itemSize = 2; if (int(clientRev) > 500000) _itemSize = 3; if (int(clientRev) > 750000) _itemSize = 4; if (int(clientRev) > 999999) _itemSize = 5; if (_chartItem.item.visible==1) _itemVisible = true; _label.text = _chartItem.item.name; _status.text = String(_itemSize); _itemFill = 0xFFA023; if (_itemXAxis < 0 && _itemYAxis < 0) _itemFill = 0xFF0000; if (_itemXAxis >= 0 && _itemYAxis >= 0) _itemFill = 0x26B417; } this.invalidateProperties(); } private var _over:Boolean = false; private static var rcFill:Rectangle = new Rectangle(); override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { super.updateDisplayList(unscaledWidth, unscaledHeight); if (_itemVisible){ var fill:* = (_over)? 0x0000FF:_itemFill; var w:Number = (_itemSize - 1) * 4; var g:Graphics = graphics; g.clear(); g.beginFill(fill); g.drawCircle( unscaledWidth / 2, unscaledHeight / 2, unscaledWidth / 2 + w); g.endFill(); _label.setActualSize(_label.getExplicitOrMeasuredWidth(),_label.getExplicitOrMeasuredHeight()); _label.move(unscaledWidth/2 - _label.getExplicitOrMeasuredWidth()/2,- (15 + w)); } } } } At designtime, if I set the visible of any of the items in localData to 0, or adjust the size, the chart renders as expected when the app is launched. And at runtime, if I change the values for XAxis and/or YAxis in the dataGrid, the items on the chart move as expected. But changing the values for size or visible, however, don't redraw the items. And if I move an item into the lowerleft quadrant, where it should paint as red fill, it retains the fill that it was initially drawn as instead. I tried adding invalidateDisplayList() and validateNow() to the redrawChart() function and it had no effect. Any help would be much appreciated! Thanks, -Carl
