FAQ

Client Center FAQ

고객님들이 자주 문의하시는 질문에 대한 답변입니다.

HTML5 Chart

Flash Chart

  • 2D Column Statcked Link Chart의 연결선 색상을 변경할 수 있나요?
  • 아래의 내용을 추가하여 연결선의 색상을 변경하실 수 있습니다.
    <linkLineStroke> <Stroke id='st1' weight='5' color='0x00FFFF' caps='none' /> </linkLineStroke/>
  • bar차트에서 labelPositon=”outside” 했을경우 label이 짤려보이는 경우에는 어떻게 하나요?
  • linearAxis의 maximum 값을 조절하여 차트아이템의 비율을 줄이면 가능합니다.
  • Coss Range Zommer 사용시 zoomIn/zoomOut 메뉴가 보이지 않을때
  • columnWidthRatio 속성과 maxColumnWidth 속성을 이용하여 크기를 조절할수 있습니다.
    columnWidthRatio은 0~1의 값만이 유효하며 0.65가 기본값 입니다. 1이라면 영역을 가득채워 그리게 됩니다.
    maxColumnWidth은 지정한 픽셀 만큼을 그립니다. 하지만 columnWidthRatio에 영향을 받는 속성입니다.
    비율값에 의해 유효한 픽셀 값만을 그립니다.
  • Coss Range Zommer 사용시 zoomIn/zoomOut 메뉴가 보이지 않을때
  • 차트의 selectionMode=”multiple”을 selectionMode=”single” 로 변경합니다.
  • dataProvider 사용은 어떻게 하나요?
  • 축과 차트에 각각 dataProvier를 사용하는 것을 지원하지 않습니다.
    축과 차트의 dataProvider중 차트의 dataProvier에 데이터를 넣어서 사용해야 합니다.
  • Data가 0인 차트를 나타내는 방법이 있나요?
  • 0인 차트는 그려지지 않습니다. 하지만 0인경우 임의의 최소값을 넣어주고 dataTipjsFunction을 이용하여 해당값이 들어왔을 때
    label값을 0으로 return시킨다면 0인차트의 표현은 가능합니다.
  • DateFormatter 사용시 XML데이터의 표현법
  • XML데이터를 년/월/일 시:분:초 (2014/03/08 09:02:00) 방식으로 입력해주셔야 합니다.
  • dual축 설정하는 방법, 2개이상의 축을 가지는 차트를 표현하는 방법이 있나요?
  • series밖의 horizontalAxis와 verticalAxis는 모든 series들이 참조합니다.
    series안에서 horizontalAxis,verticalAxis를 선언할경우 그 축을 선언한 series만이 참조합니다.
    1. series밖의 verticalAxis를 정의합니다.(y축이 2개 존재할경우)
    2. serise안에서 verticalAxis를 정의합니다.(id가 존재해야 합니다)
    3. horizontalAxisRenderer에서 axis2dRenderer 2개 정의합니다.(id가 존재해야 합니다)
    4. Aixi2dRenderer의 axis속성과 placement속성을 이용해 축을 배치합니다.
  • fillJsFunction은 어떻게 사용하나요?
  • fillJsFunction 차트의 채우기 색을 특정 조건에 따라 지정하는 사용자 정의 함수입니다.
    Layout XML 에서 Series 속성을 넣을 때 fillJsFunction 을 주고, 만든 javascript 함수명을 넣어줍니다.
    예) fillJsFunction 의 signature 는 아래와 같습니다. function_name(index, values) { ... } //index : 해당 아이템의
    인덱스 //values : 해당 item의 값입니다. 배열로 전달되며 배열값은 아래와 같습니다. - 0: x축 값, 1: y축 값
  • Flash차트도 기본적으로 XML방식을 사용하거나 BlazeDS를 사용하여서 해야되나요?
  • 플래시 차트의 경우 XML방식의 데이터 인터페이스를 기본적으로 사용합니다. 또한 JSON 방식을 지원합니다.
  • HistoryChart는 모든 차트에 적용 가능한가요?
  • 축을 기반으로한 차트에 한해서 적용가능합니다.
  • Json을 URL 방식으로 불러올 수 있나요?
  • 배열(json)은 함수에서만 작동하게 되어있고, XML은 URL와 함수에서도 작동하게 되어있습니다.
    배열의 데이타를 URL로 가져오려고 하면 작동이 되지 않습니다.
  • jsp에서 layout변수에 String이아닌 변수를 포함해 사용하려면 어떻게 하나요?
  • targetValue =” + targetValue + “targetSecondeValue=”+ targetSecondValue +”… => targetValue = ‘
    “+ targetValue + “ ‘ targetSecondValue = ‘ “+ targetSecondValue+ “ ‘ … ‘작은 따옴표로 감싸야 실행가능합니다.
  • LineChart에서 값이 없는 라인을 그리지 않는 방법이 있나요?
  • 데이터가 0이 될때는 표현이 되지만 데이터에 null 값을 넣으면 라인이 생성되지 않고 다음 데이터 부분부터 표현됩니다.
  • Load failed : IO Error : Error #2032 에러
  • 데이터의 경로를 확인하여 주시기 바랍니다. 차트를 사용하고 계시는 페이지에서 데이터의 경로가 맞는지 확인하십시오.
  • series의 field명에 특수문자나 한글을 포함시킬 수 있나요?
  • 필드명에 한글을 사용할수 없습니다.
  • series의 라벨에서 원하는 label만을 출력하고 싶은 경우
  • (columnSeries의경우)columnSeries의 showValueLabels속성을 이용해야합니다. showValueLabels=”[1,2]”
    표시하고자 하는 위치를 배열형식으로 지정해주어야합니다.
    [1,2]의 경우 2개의 label이 표시되고 2번째 3번째 label이 표시됩니다.
  • X축에서 라벨이 겹쳐서 출력될 때는 어떻게 하나요?
  • 다음과 같이 canStagger을 true값으로 입력하면 라벨이 두줄로 출력됩니다.
    <AxisRenderer ….
    canDropLabels='false' canStagger='true'/>
  • X축에서 라벨이 출력이 되지 않을때는 어떻게 하나요?
  • X 축의 내용이 표현되지 않는 경우에는 X축의 데이터가 겹쳐서 표현되지 않는 경우가 있습니다.
    canDropLabels를 설정하셔서 변경하시면 데이터가 표현됩니다.
    *참조(http://demo.riamore.net/flashdemo/chart/Samples/CategoryAxis_CanDropLabels.html)
  • z-index의 조절은 어떻게 하나요?
  • 차트생성시 tranparent 옵션을 추가해주시면 z-index를 조절하실 수 있습니다.
    rMateChartCreate('chart1','../Component/rMateChart',flashVars, 600, 400, '#FFFFFF','transparent')
  • 내부 폰트를 사용하여 폰트 기울기를 변경할 수 있나요?
  • 폰트를 기울이려면 임베딩한 폰트를 사용해야합니다.
  • 데이터팁에서 천단위 자리수에 콤마를 넣어서 표현할 수 있나요?
  • 아래와 같은 함수를 추가시켜서 적용시켜주시면 됩니다. //숫자에 천단위 콤마 찍어 반환하는 함수.
    function insertComma(n) { var reg = /(^[+-]?\d+)(\d{3})/; // 정규식 while (reg.test(n)) n = n.replace
    (reg, '$1' + ',' + '$2'); return n; }
  • 동기화가 실패했다는 경고가 뜰때는 어떻게 하나요?
  • rMateChartInit를 호출하지 않아서 발생합니다. Onload 시 rMateChartInit를 호출하면 해결됩니다.
  • 로드된 flash를 동적으로 변경할 수 있나요?
  • 로드된 flash는 변경할수 없습니다.
    2개의 flash를 로드시켜놓은후 보이지않게 하거나 보이게하는 방법으로 처리할 수는 있습니다.
  • 로딩게이지를 생략할 수 있나요?
  • 플래시 차트에서의 로딩 게이지는 생략할 수 없습니다.
  • 범례를 가진 차트에서 effect가 끊기는 경우에는 어떻게 하나요?
  • 차트의 경우 차트가 그려진후 범례를 그리게 됩니다.
    범례가 차트가 겹치는 경우 차트가 다시 그려지면서 effect가 끊기는 경우가 발생합니다.
    차트의 크기나 범례의 크기를 줄임으로써 문제를 해결할수 있습니다.
  • 브라우저 크기에 따라서 차트크기가 자동조절이 될 수 있나요?
  • rMateChartCreate를 호출하는 파일에서 rMateChartCreate의 width와 height를 아래와 같은 형태로 지정하시기 바랍니다.
    rMateChartCreate('chart1','../Component/rMateChart',flashVars,'50%', '80%', '#FFFFFF')
  • 사용자 정의 범례에 차트와 데이터가 연결이 안될때는 어떻게 하나요?
  • 사용자 정의 범례는 차트에 포함된 범례가 아닙니다. 차트와는 아무런 관계가 없습니다.
    사용자 범례 사용시에는 해당 컬러값을 직접 넣어주셔야 합니다.
  • 서버는 어떤 플랫폼에서 운용되나요?
  • 차트의 서버환경과 관련해서는 거의 모든 서버환경에서 동작을 하신다고 보시면 됩니다. 서버가 jsp, asp, php, .NET, java 등의
    개발환경이거나, Windows, Linux, Unix 등의 어떠한 시스템에서도 동작가능합니다. 플래시파일만 서버에 올려지게 되며,
    이를 client로 내려보내어 차트를 보여주는 형태이기 때문에 서버의 환경에는 거의 영향을 받지 않습니다.
    또한 차트의 외형을 정의하는 Layout 과 데이타를 정의하는 Data 파일은 xml 포맷의 파일로 전송하거나, jsp, asp, .NET, java 등에서
    배열형태로도 전달을 하실 수 있습니다.
  • 소수점 자리수의 고정이 가능한가요?
  • NumberFormatter를 이용하여 값을 조정할 수 있습니다. NumberFormatter의 속성 precision에 원하는 원하는 소수 자릿수를
    넣으시면 숫자를 표현할때 자릿수를 통일시켜 보여주게 됩니다.
    <NumberFormatter id='numfmt' precision='원하는 소수점 자리수'/> 와 같이 표시하면 됩니다.
  • 스크롤 차트에서 스크롤이 표현되지 않을 때
  • 아래의 소스를 추가해야합니다.
    <!-- rMateChartH5 에서 사용하는 스타일(범례, 프리로더, 스크롤 차트, 히스토리 차트에 한함) --gt
    <link rel='stylesheet' type='text/css' href='../rMateChartH5/Assets/rMateChartH5.css'/>
  • 알수없는 노드 HttpServiceRepeater를 정의하였습니다. 또는 알수없는 노드 RealTimeChart를 정의하였습니다.
    에러 메시지가 나올때는 어떻게 하나요?
  • 리얼타임 차트에 맞지않는 swf를 사용해서 발생한 것입니다. Layout에 맞는 차트를 생성합니다.
  • 외부폰트를 불러와서 적용시킬 수 있나요?
  • 폰트 임베딩을 이용하여 사용가능합니다.(http://demo.riamore.net/flashdemo/chart/Samples/EmbededFont_Rotation_Label.html)
    알메이트용 폰트 만드는 방법' 이라는 버튼을 클릭하여 폰트 만드는 법을 보신 후 폰트를 생성하신 후 해당 폰트를 적용하시면 되겠습니다
    적용 방법은 해당 샘플의 view Layout과 샘플 페이지에서 마우스 오른쪽 버튼 -> 소스 보기 후 var fontURL...부분을 살펴보시면 되겠습니다.
  • 웹소켓으로 차트를 업데이트 가능한가요?
  • 웹소켓은 아직 지원하지는 않습니다. rMate Chart 의 RealtimeChart는 현재는 URL방식으로 지원이 됩니다.
    저희 차트 자체는 통신과 관련한 의존도가 크지 않습니다. 어떠한 통신방식을 사용하던 수신된 데이터를 차트에 넣어주면 해당 데이터를
    그리는 구조입니다. 서버에서 웹소켓방식의 실시간 모듈을 통해 데이터를 수신한 후 이를 저희 차트에 넣어주는 function만 call해주시면
    해당 차트를 redraw 하게 됩니다. 웹소켓을 통해 서버에서 실시간으로 데이터를 수신하는 모듈을 직접 개발하셔서 사용하셔야합니다.
  • 일반차트에서 실시간차트를 적용하려면 어떻게 하나요?
  • 일반차트에서 HttpServiceRepeater를 사용하여 실시간 차트를 사용할 경우에는 컴포넌트를 아래와 같이 rMateRealtimeChart로
    수정해주시면 사용 가능합니다. rMateChartCreate('chart1','../Component/rMateRealtimeChart',flashVars, 600, 400, '#FFFFFF');
  • 차트 내부에서 호출되는 알람(경고)을 변경할 수 있나요?
  • 알람(경고) 문구는 수정할 수 없게 되어있습니다.
  • 차트에서 데이터를 동적으로 받아와 레이아웃 옵션에 값을 전달할 수 있나요?
  • Layout을 포함한 XML에서 옵션값 만을 변경시킬 수는 없고 JAVA나 JSP에서 XML을 변경하여 적용할 때에 파라메터 값을 변경시켜서
    불러들이는 방법과 String으로 받아오는 경우에는 레이아웃을 변수화하여 값을 가져올 수 있습니다.
    *참조(http://demo.riamore.net/flashdemo/chart/Samples/Var_Dynamic_Layout.html)
  • 차트의 색과 범례의 색상이 동일하게 표현이 되지 않을때는 어떻게 하나요?
  • fillJsFuncion을 사용하여 차트의 색상을 변경한 경우에는 Legend에서 색상 변경이 적용되지 않기 때문에
    <Fill> 을 사용하여 색상을 변경하시는 것을 권해드립니다.
  • 축라벨의 간격을 지정해서 변경할 수 있나요?
  • 내용을 아래와 같이 내용을 추가하여 label 간격 변경이 가능합니다.
    <verticalAxis> <LinearAxis interval='50' /> </verticalAxis>
  • 축에 수식이나 단위를 넣을 수 있나요?
  • CurrencyFormatter를 사용하시면 축에 단위를 표시 할 수 있습니다.
    *참조(http://demo.riamore.net/flashdemo/chart/Samples/Formatter_Currency2.html)
  • 축의 한계값을 임의로 조절할 수 있나요?
  • maximum(최대값), minimum(최소값)을 입력하여 조절할 수 있습니다.
    <LinearAxis id='vAxis' maximum='100' minimum='0' />
  • 컬럼차트에서 스크롤 생성시 라벨이 0인경우 잘려서 출력될 때는 어떻게 하나요?
  • 0이 잘려서 나오는 경우는 Column2DSeries의 속성을 labelPosition='inside'로 주게 되면 잘려서 나오게 됩니다.
    잘려서 나오는 0을 출력하지 않는것을 원하시면 alwayShowLabels을 false값으로 변경하시면 0인 값은 라벨이 표현되지 않습니다.
  • 콤비네이션 차트에서 샘플외에 다른 차트로 차트 제작이 가능한가요?
  • 예제에는 포함되어있지 않은 차트 외에도 다른 차트와의 조합을 통하여 콤비네이션 차트를 만들 수 있습니다.
  • 타이틀 상단 공백을 조절할 수 있나요?
  • 차트의 상단 공백을 없애기 위해서는 아래와같이 Layout에서 paddingTop 값을 조절해주시면 공백을 줄일 수 있습니다.
    <rMateChart paddingTop='0'> <!-- paddingTop 기본값 = '50' -->
  • 트라이얼 버전을 사용하다가 정품으로 변경을 할 경우 플래시 파일과 키파일만 변경 가능한가요?
  • /Component 디렉토리의 *.swf 파일과 ./LicenseKey ./Samples/JS 디렉토리의 rMateChartLicense.js 파일을
    교체하시면 정품으로 바뀌게 됩니다.
  • 특정 pc에서 “자바스크립트와 플래시간 동기화 작업에 실패하였습니다” 뜰 경우엔 어떻게하나요?
  • rMateChartInit()를 부르지 못하여 발생하는 에러. rMateChart.js 에서 rMateChartJsReady=false로 놓으면 해결가능 합니다.
  • 파일 인코딩의 오류가 발생할때는 어떻게 하나요?
  • 파일 인코딩을 UTF-8포맷 형태로 변경하여 저장하셔야합니다. rMate 차트의 레이아웃은 디폴트로 UTF-8 을 지원합니다.
    서버에서 동적으로 만들어낸 경우 역시, UTF-8 포맷 형태로 출력하여 주십시오. 만약, euc-kr 로 표현하고 싶은 경우,
    데보모기 -> Samples 탭 선택 -> 한글 지원 샘플을 참고하여 주십시오.
    *참조(http://demo.riamore.net/flashdemo/chart/Samples/Euc_KR.html)
  • 표시되는 라벨의 수치나 데이타팁에 대하여 사용자가 재정의하여 표시가 가능한가요?
  • labelJsFunction 속성을 이용하여 자바스크립트에서 데이타를 받아 원하는 문자열로 수치 표현이 가능합니다.
    (축라벨 : http://demo.riamore.net/flashdemo/chart/Samples/Label_Func_X.html)
    (데이터라벨 : http://demo.riamore.net/flashdemo/chart/Samples/LabelField_Func_Column.html) dataTipJsFunction 속성을
    이용하여 자바스크립트에서 데이타를 받아 원하는 문자열로 데이타팁 표현이 가능합니다.
    *참조(http://demo.riamore.net/flashdemo/chart/Samples/DataTip_Func.html)
  • 플롯차트에서 데이터팁이 두개가 출력될 때는 어떤 경우인가요?
  • XML데이터에서 데이터가 중복되는 경우 데이터팁이 두개가 같이 출력됩니다.
  • 하나의 변수로 여러 개의 차트를 생성할 수 있나요?
  • 하나의 변수로 여러 개의 차트의 생성은 불가능 합니다. rMateChartCreate가 여러 개 있어야하고, id,flashVars등이 모두 달라야 합니다.
  • 한글이 깨지는 경우엔 어떻게 하나요?
  • 한글이 깨진다면 파일 인코딩과 관련이 있습니다.
    1. Chartset을 utf-8 변경
    2. 파일자체의 인코딩(저장)을 utf-8로 변경
    3. 적용되는 layout이나 data의 인코딩을 utf-8로 변경