我可以有一个有图表和线条的曲线图吗？

Question

Flex有一个plotchart组件和一个折线图组件..但我期望制作一个包含连接点以及更大的点与折叠信息的线条的图表。这很容易吗？我是否必须从头创建一个自定义组件才能实现这一目标？

Answer 1

它看起来像你需要的是与itemRenderer而不是混合型图的线型图。

看一看Displaying data points in Flex Line chart

Answer 2

如果我理解正确，您需要一个包含多个不同显示类型的图表。这在Flex中很容易实现。 This article多系列图表应该让你开始。

如果您需要Flex 3，请尝试此article。

这是一个很情节+折线图的基本示例。一点都不漂亮，但它可以让你知道如何去做。

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> 
    <fx:Declarations> 
    </fx:Declarations> 
    <fx:Script> 
     <![CDATA[ 
      import mx.collections.ArrayCollection; 
      [Bindable] 
      private var plotData:ArrayCollection = new ArrayCollection([ 
       {xVal: 1, yVal: 5}, 
       {xVal: 2, yVal: 10}, 
       {xVal: 3, yVal: 15} 
      ]); 

      [Bindable] 
      private var lineData:ArrayCollection = new ArrayCollection([ 
       {xVal: 1, yVal: 4}, 
       {xVal: 2, yVal: 1}, 
       {xVal: 3, yVal: 10} 
      ]); 
     ]]> 
    </fx:Script> 
    <mx:LineChart id="myChart" 
        showDataTips="true" 
        height="250" 
        width="350"> 
     <mx:horizontalAxis> 
      <mx:LinearAxis minimum="0" maximum="20" /> 
     </mx:horizontalAxis> 
     <mx:verticalAxis> 
      <mx:LinearAxis minimum="0" maximum="20" /> 
     </mx:verticalAxis> 
     <mx:series> 
      <mx:PlotSeries 
       dataProvider="{plotData}" 
       xField="xVal" 
       yField="yVal"> 
      </mx:PlotSeries> 
      <mx:LineSeries 
       dataProvider="{lineData}" 
       xField="xVal" 
       yField="yVal"> 
      </mx:LineSeries> 
     </mx:series> 
    </mx:LineChart> 
</s:Application>