Flex柱状图自定义

Question

当我通过overrided updateDisplayList函数在Flex中自定义ColumnChart时，图例中的颜色不再显示。正如您将在下面的图片中看到：

http://i41.tinypic.com/mim35d.png

难道我错过了什么？

谢谢。

Answer 1

如果你想查看源代码，这是我做的。

覆盖保护功能 的updateDisplayList（参数unscaledWidth：数字，unscaledHeight属性：编号）：无效 { super.updateDisplayList（参数unscaledWidth，unscaledHeight属性）;

 var fill:IFill; 
     var state:String = ""; 

     if (_data is ChartItem && _data.hasOwnProperty('fill')) 
     { 
      state = _data.currentState; 
      fill = _data.fill; 
     }  
     else 
      fill = GraphicsUtilities.fillFromStyle(getStyle('fill')); 

     var color:uint; 
     var adjustedRadius:Number = 0; 

     color = ColorUtil.adjustBrightness2(GraphicsUtilities.colorFromFill(fill),-20); 
     fill = new SolidColor(color);  
     adjustedRadius = getStyle('adjustedRadius'); 
     if (!adjustedRadius) 
      adjustedRadius = 0; 


     var stroke:IStroke = getStyle("stroke"); 

     var w:Number = stroke ? stroke.weight/2 : 0; 

     var rc:Rectangle = new Rectangle(w - adjustedRadius, w - adjustedRadius, width - 2 * w + adjustedRadius * 2, height - 2 * w + adjustedRadius * 2); 

     var g:Graphics = graphics; 
     g.clear();  
     g.moveTo(rc.left,rc.top); 
     if (stroke) 
      stroke.apply(g); 
     if (fill) 
      fill.begin(g,rc); 
     g.lineTo(rc.right-5,rc.top); 
     g.lineTo(rc.right-5,rc.bottom); 
     g.lineTo(rc.left+5,rc.bottom); 
     g.lineTo(rc.left+5,rc.top); 
     if (fill) 
      fill.end(g); 

} 

Answer 2

您可以使用legendMarkerRenderer格式化图例标记。本文将告诉您如何向底部： http://livedocs.adobe.com/flex/3/html/help.html?content=charts_formatting_13.html

您还可以自定义化LegendItem的更通过创建自己化LegendItem的： http://livedocs.adobe.com/flex/3/langref/mx/charts/LegendItem.html

实例来定制你的传说： How to exclude series in legend (Flex)