Flex 2 개발 가이드 > 차트 컴퍼넌트 > 차트의 서식 설정 > 차트의 시행착오

차트의 시행착오

AreaChart ,BarChart ,ColumnChart 의 각 컨트롤을 사용해 복수의 데이터 계열을 차트화하는 경우, 컨트롤의 type properties 를 사용해 계열의 표시 방법을 제어할 수 있습니다. 다음의 겉(표)로,type properties 로 사용할 수 있는 값에 대해 설명합니다.

다음의 예에서는, 4 개의 데이터 계열을 겹쳐 쌓은 AreaChart 컨트롤을 작성합니다.

<mx:AreaChart id="chart" type="stacked" dataProvider="{dataSet}">
    <mx:horizontalAxis>
        <mx:CategoryAxis dataProvider="{dataSet}" categoryField="state"/>
    </mx:horizontalAxis>
    <mx:series>
        <mx:AreaSeries yField="Apples"/>
        <mx:AreaSeries yField="Oranges"/>
        <mx:AreaSeries yField="Strawberries"/>
        <mx:AreaSeries yField="Bananas"/>
    </mx:series>
</mx:AreaChart>

다음의 예는 겹쳐 쌓은 AreaChart 입니다.

쌓아올리고 (overlaid)의 경우, 마지막 계열이 앞에 표시되어 칠의 alpha properties 를 사용해 투명하게 하지 않는 한, 배후의 데이터 계열이 보이기 어려워지는 경우가 있습니다. 상세한 것에 대하여는,칠의 사용을 참조해 주세요.

type properties 를 100% 로 설정하면, 각 계열이 차례차례 쌓여 그 합계를 100% 로 하는 area가 형성됩니다. 각 열은, 그 카테고리의 값의 합계에 대한 비율 (%)을 나타냅니다. 다음에 예를 나타냅니다.