Package	kor.charts
Class	public class ImageChart

ImageChart는 데이터의 값을 이미지로 표현합니다. 이미지 차트의 이미지 표현 유형은 다음 3가지가 있습니다.

• single : 대표 이미지 한개로 데이터 value 를 표현합니다.
• singleRepeat : 대표 이미지 한개가 표현하는 value 값을 설정하여 데이터 값에 이를 때까지 쌓아 올려 표현합니다.
• multiple : 다수의 이미지에 각각의 value 값을 설정하여 데이터 값을 표현합니다.

rMate ImageChart 는 series 속성에 ImageSeries 객체의 배열이 할당되어야 합니다.

레이아웃은 아래와 같이 작성합니다.

   
  <rMateChart backgroundColor="0xFFFFFF"  cornerRadius="12" borderStyle="solid">
   <Options>
     <Caption text="Image Chart" />
     <SubCaption text="(2004 ~ 2008)" textAlign="center"/>
    </Options>
    <NumberFormatter id="numFmt" /> 
    <ImageChart id="chart" showDataTips="true" gutterLeft="20" gutterRight="20"  showLabelVertically="true">
     <horizontalAxis>
      <CategoryAxis id="hAxis" categoryField="Year"/>
    </horizontalAxis>
     <verticalAxis>
      <LinearAxis id="vAxis"/>
     </verticalAxis>
    <series>
     <ImageSeries yField="Data1" imageDisplayType="single" styleName="seriesStyle" displayName="Male" formatter="{numFmt}">
      <imgSource>
               <ImageSourceItem maintainAspectRatio="true" url="../Samples/Images/1-1-1.png"/>
               </imgSource>
               <showDataEffect>
                <SeriesSlide duration="1000" direction="up"/>
               </showDataEffect>
     </ImageSeries>
     <ImageSeries yField="Data2" imageDisplayType="single" styleName="seriesStyle2" displayName="Female" formatter="{numFmt}">
      <imgSource>
                <ImageSourceItem maintainAspectRatio="true" url="../Samples/Images/1-1-2.png"/>
              </imgSource>
              <showDataEffect>
            <SeriesSlide duration="1000" direction="up"/>
            </showDataEffect>
    </ImageSeries>
   </series>
   <verticalAxisRenderers>
    <Axis2DRenderer axis="{vAxis}" visible="false" includeInLayout="false"/>
   </verticalAxisRenderers>
  </ImageChart>
  <Style>
   .seriesStyle
   {
    labelPosition:outside;
    fontFamily:Myriad;
    color:0x0066FF;
    fontSize:11;
   }
   .seriesStyle2
   {
    labelPosition:outside;
    fontFamily:Myriad;
    color:0xFF66FF;
    fontSize:11;
   }
  </Style>
  lt;/rMateChart>
     

<ImageChart

    Styles
     columnWidthRatio="0.65"
     maxColumnWidth="Nan"
  

/>

---

  function_name(seriesId, seriesName, index, xName, yName, data, values) { ... }
  

  function_name(seriesId, displayText, index, data, values) { ... }
  

---

Copyright(c) 2011 RiaMore Soft, Inc. All Right Reserved