시각화 제목

작성자: 회사 이름
홈페이지: 회사 URL

목차

개요

여기에 시각화의 모양과 일부 동작에 대한 간단한 설명을 삽입합니다. 예를 들면 다음과 같습니다. 3D 지도는 특정 지역에 구가 할당되어 있는, 조작 가능한 국가의 3차원 지도입니다. 구는 값을 나타내기 위해 크기와 색상이 다양합니다. 지도는 내장 Flash Player를 사용하여 브라우저에서 렌더링됩니다.

예시를 한두 문장으로 설명합니다. 호스팅된 예시를 잘라서 붙여넣을 수 있도록 삽입된 실제 예시와 전체 페이지 예시의 HTML을 <pre> 태그 안에 추가하세요.

이 <div> 블록 내에 실행 중인 예시 코드를 추가합니다.
<html>
<head>
  <script type='text/javascript' src='your.url.here'></script>
  <script type='text/javascript' src='//www.google.com/jsapi'></script>
  <script type='text/javascript'>

... Your code here ...

  </script>
</head>

<body>
    <div id='example_canvas'></div>
</body>

</html>

로드 및 인스턴스화

다음과 같이 http://xxx.com에서 이 시각화를 로드합니다.

 <script style='text/javascript' src='http://your.url.here'></script>

시각화 클래스 이름은 your.visualization.class.name입니다. 다음은 JavaScript로 인스턴스화하는 예입니다.

  var visualization = new your.visualization.class(container_div);

데이터 형식

DataTable의 데이터 형식을 설명합니다. 열, 행, 각 열의 형식의 의미를 설명합니다.

구성 옵션

시각화의 draw() 메서드에 전달되는 옵션 객체에 다음 옵션을 추가할 수 있습니다.

이름 유형 기본값 설명
option_name 유형 기본값

이 옵션의 기능에 대한 자세한 설명입니다. 특이 사례, 이 작업을 수행하기 위해 설정해야 하는 다른 옵션, 충돌하는 항목 등을 설명하세요.

메서드

여기에 메서드를 나열하세요. 각 매개변수와 매개변수의 결과를 설명해야 합니다. 예를 들면 더 좋습니다. 매개변수가 선택사항이면 이를 언급하고 기본값을 설명합니다. 각 매개변수가 취할 수 있는 값의 전체 범위를 설명합니다.

메서드 반환 유형 설명
draw(data, options) 없음 draw() 메서드에 관한 세부정보입니다.
getSelection() 선택 요소의 배열 표준 getSelection() 구현 선택항목이 행인가요? 열? 휴대전화? 복수 선택할 수 있나요?
setSelection(selection) 없음 표준 setSelection() 구현 선택항목이 행인가요? 열? 휴대전화? 복수 선택할 수 있나요?
yourmethod(param1, param2) 문자열

메서드에 대한 설명입니다.

param1 - 이미지에 표시할 코끼리의 이름을 지정하는 문자열 값입니다.

param2 [선택사항]- 코끼리의 체중을 지정하는 숫자 값(파운드). 범위는 200 이상 4000 이하입니다. 이 숫자에 따라 표시되는 코끼리의 크기가 결정됩니다. 기본값은 1800입니다.

이벤트

시각화를 통해 노출된 이벤트를 나열합니다. 이벤트 핸들러에 전달되는 값과 이러한 값을 사용하는 방법을 설명해야 합니다. 예를 들어 알려주실 수 있다면 더 좋겠네요.

이름 설명 속성
select 표준 선택 이벤트입니다. 항목을 반환합니다. 없음

데이터 정책

데이터 정책을 자세히 설명하고 고객 데이터를 처리하는 방법을 설명합니다. 예: '모든 코드와 데이터가 브라우저에서 처리되고 렌더링됩니다. 데이터는 어떠한 서버로도 전송되지 않습니다.'라는 메시지가 표시됩니다.

현지화

이 시각화의 하드 코딩 문자열은 사용자의 브라우저 설정에 따라 다음 언어로 표시될 수 있습니다.

또는

이 시각화는 현지화를 지원하지 않습니다.

참고사항

알려진 문제, 사용 사례 등에 관한 추가 정보를 여기에 추가하세요.