2010-02-10 156 views
1

我想知道如何处理以下要求。我需要创建过去8个季度业务数据的折线图。这很容易,但要求是,去年的第四季度和今年第一季度之间不应该存在联系。实际上,使用相同的数组集合,我需要拆分折线图,以便它看起来像在同一个图表上的两个不同的线。任何想法如何继续下去。通过使用分解折线图中的折线图

<mx:series> 
      <mx:LineSeries 
       yField="Profit" 
       displayName="Profit" 
      /> 
      <mx:LineSeries 
       yField="Expenses" 
       displayName="Expenses" 
      /> 
     </mx:series> 

你可以改变线条的宽度和颜色为每个系列:

感谢,PK

回答

2

首先,你可以通过一个标准,你的数组集合添加多个线系列标签。使每一行不同的笔触和颜色。

<?xml version="1.0"?> 
<!-- charts/BasicLineStroke.mxml --> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> 
    <mx:Script><![CDATA[ 
    import mx.collections.ArrayCollection; 
    [Bindable] 
    public var expenses:ArrayCollection = new ArrayCollection([ 
     {Month:"Jan", Profit:2000, Expenses:1500, Amount:450}, 
     {Month:"Feb", Profit:1000, Expenses:200, Amount:600}, 
     {Month:"Mar", Profit:1500, Expenses:500, Amount:300} 
    ]); 
    ]]></mx:Script> 
    <mx:Panel title="Line Chart With Strokes"> 
    <mx:LineChart id="myChart" 
     dataProvider="{expenses}" 
     showDataTips="true" 
    > 
     <mx:horizontalAxis> 
      <mx:CategoryAxis 
       dataProvider="{expenses}" 
       categoryField="Month" 
      /> 
     </mx:horizontalAxis> 
     <mx:series> 
      <mx:LineSeries 
      yField="Profit" 
      displayName="Profit" 
      > 
      <mx:lineStroke> 
       <mx:Stroke 
        color="0x0099FF" 
        weight="20" 
        alpha=".2" 
       /> 
      </mx:lineStroke>     
      </mx:LineSeries> 
      <mx:LineSeries 
      yField="Expenses" 
      displayName="Expenses" 
      > 
      <mx:lineStroke> 
       <mx:Stroke 
        color="0x0044EB" 
        weight="20" 
        alpha=".8" 
       /> 
      </mx:lineStroke>     
      </mx:LineSeries> 
     </mx:series> 
    </mx:LineChart> 
    <mx:Legend dataProvider="{myChart}"/> 
    </mx:Panel> 
</mx:Application>