Apache flex 在Flex柱形图顶部绘制虚线

Apache flex 在Flex柱形图顶部绘制虚线,apache-flex,flex3,adobe,flex-charting,Apache Flex,Flex3,Adobe,Flex Charting,请查找下面的代码 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ [Bindable] public var testAC:Array = [ {date:"without",

请查找下面的代码

    <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
 <![CDATA[
  [Bindable]
        public var testAC:Array = [
           {date:"without", close:50},
           {date:"with", close:45}           
        ];

 ]]>
</mx:Script>
 <mx:ColumnChart id="myChart" dataProvider="{testAC}">
  <mx:horizontalAxis>
   <mx:CategoryAxis categoryField="date"/>
  </mx:horizontalAxis>
  <mx:verticalAxis>
   <mx:CategoryAxis categoryField="close"/>
  </mx:verticalAxis>
  <mx:series>
   <mx:ColumnSeries dataProvider="{testAC}" xField="date" yField="close"/>
   <mx:LineSeries dataProvider="{testAC}" xField="date" yField="close"/>
  </mx:series>
 </mx:ColumnChart>
</mx:Application>

此代码正在绘制一个具有两列的柱形图,并在两列的顶部绘制一条线。我有两个要求:

  • 这条线需要画虚线
  • 现在,该行从第一列的右上角开始,到第二列的同一个角。如何将直线向左移动,使其从第一列的中心开始到第二列的中心

  • 尊敬的,PK对于我的许多复杂蒙皮图表,我一直在使用Axis。它非常像Degrafa,可以让你在“数据画布”上随意画一笔Degrafa

    下面是一个非常直接的fwd示例:

    这并不是最好的答案,但使用Axis是如此简单,而且它允许复杂的填充和笔划,这是通过mxml和普通的ol flex图表所不允许的

    祝你好运,
    杰里米经过长时间的研究,我终于画好了虚线图。我使用Adobe自身提供的DashEdgraphic实用程序绘制虚线。我扩展了LineSeries,并使用此DashEdgraphic实用程序绘制虚线。这解决了我的第一个问题和邮件问题。每当我得到第二个解决方案时,我都会更新它

    我也得到了第二个问题的答案。当我将图表类型从ColumnChart更改为CartesianChart时,折线图显示得非常完美。我在里面使用了列系列和行系列,行和列非常完美

    问候,,
    Anoop

    您可以使用

    <mx:Script><![CDATA[
        private function connectTwoPoints(
            month1:String, value1:Number, 
            month2:String, value2:Number):void 
        {
            // Draw Line
            canvas.clear();
            canvas.lineStyle(4, 
                0xCCCCCC, 
                .75, 
                true, 
                LineScaleMode.NORMAL, 
                CapsStyle.ROUND, 
                JointStyle.MITER, 
                2);
            canvas.moveTo(month1, value1);
            canvas.lineTo(month2, value2);
        }
    ]]></mx:Script>
    
    <mx:annotationElements>
        <mx:CartesianDataCanvas id="canvas" includeInRanges="true"/>
    </mx:annotationElements>
    
    
    
    您绘制的线将是使用“笛卡尔数据画布”的“注释元素”。注释元素在前景中绘制。完美的例子:

    PS-如果要在背景上绘制,可以使用“”