데이터셋 생성

알메이트 차트의 데이터셋의 형식은 XML, JSON(JavaScript Object Notification) 형식의 배열 그리고 CSV 형식이 지원됩니다.

다음은 처음 차트 만들기에서 예제에 적용된 데이터셋을 XML 형식으로 표현한 것입니다. XML 형식의 데이터셋은 반드시 <items> 노드로 시작해야 하고, 차트에서 데이터 포인트로 표현되는 하나의 데이터는 <item> 노드의 자식 노드로 정의되어야 합니다. 아래 예제에서는 X 축 카테고리에 표시되는 데이터는 <Month> 노드에, 2011 년 데이터 값은 <2011> 노드에 정의되었습니다.

<items>
  <item>
    <Month>Jan</Month>
    <2011>2.4</2011>
  </item>
  <item>
    <Month>Feb</Month>
    <2011>3.8</2011>
  </item>
  <item>
    <Month>Mar</Month>
    <2011>8.1</2011>
  </item>
  <item>
    <Month>Apr</Month>
    <2011>5.1</2011>
  </item>
  <item>
    <Month>May</Month>
    <2011>2.1</2011>
  </item>
  <item>
    <Month>Jun</Month>
    <2011>5.2</2011>
  </item>
  <item>
    <Month>Jul</Month>
    <2011>4.2</2011>
  </item>
</items>

다음은 위에서 설명한 XML 데이터셋을 JSON 형식의 배열로 표시한 것입니다. 차트에서 데이터 포인트로 표현되는 하나의 데이터가 하나의 객체에 해당됩니다. 예제에서는 X 축 카테고리에 표시되는 데이터는 객체의 “Month” 필드에, 2011년 데이터 값은 객체의 “2011” 필드에 정의되었습니다.

[{"Month":"Jan", "2011":2.4},
{"Month":"Feb", "2011":3.8},
{"Month":"Mar", "2011":8.1},
{"Month":"Apr", "2011":5.1},
{"Month":"May", "2011":2.1},
{"Month":"Jun", "2011":5.2},
{"Month":"Jul", "2011":4.2}]

다음은 위에서 설명한 데이터를 CSV 형식으로 표현한 것입니다.

Jan,2.4
Feb,3.8
Mar,8.1
Apr,5.1
May,2.1
Jun,5.2
Jul,4.2

CSV 형식의 데이터셋에는 XML 과 JSON 형식과는 다르게 필드명(“Month”, “2011”)이 지정되지 않습니다. 하지만 레이아웃에는 어떤 데이터가 X 축에 표현될 데이터이고, 어떤 데이터가 차트의 데이터 포인트에 표현될 데이터인지 지정을 해야하기 때문에 필드명 대신 필드 번호를 이용합니다. 필드 번호의 지정 규칙은 좌측 첫 번째 필드(Jan, Feb, …)가 “F0” 이고 우측 필드로 갈수록 1씩 증가됩니다. (F0, F1, F2, …) 아래 레이아웃에서 <CategoryAxis> 와 <Column2DSeries> 노드를 참조하십시요.

<rMateChart backgroundColor="#FFFFFF" borderStyle="none">
  <Options>
    <Caption text="My First Chart" fontSize="20"/>
    <Legend/>
  </Options>
  <Column2DChart showDataTips="true">
    <horizontalAxis>
      <CategoryAxis categoryField="F0"/>
    </horizontalAxis>
    <verticalAxis>
      <LinearAxis maximum="10"/>
    </verticalAxis>
    <series>
      <Column2DSeries labelPosition="outside" yField="F1" displayName="2011"/>
    </series>
  </Column2DChart>
</rMateChart>

목차

데이터셋 생성