플롯과 선이 모두있는 플렉스 차트를 사용할 수 있습니까?

Question

플렉스에는 플롯 차트 구성 요소와 선 차트 구성 요소가 있습니다. 그러나 점을 연결하는 선과 롤오버 정보가있는 큰 점이있는 차트를 만들려고합니다. 쉽게 가능합니까? 이 작업을 수행하기 위해 처음부터 사용자 지정 구성 요소를 만들어야합니까?

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>