본문으로 건너뛰기

HighChart (하이차트) Widget Control

HighChart(하이차트) 위젯을 스크립트에서 제어할 때 사용하는 Widget Control(Property · Method · Event) 목록입니다. 위젯 소개와 사용법은 HighChart 문서를 참고하세요.

정보

아래 예시의 highchartID는 캔버스에서 HighChart 위젯에 지정한 이름(ID)입니다. 스크립트에서는 위젯ID.멤버 형태로 접근합니다.

Widget Control 요약​

Widget Control종류시그니처설명
setVarMethodsetVar(name, value)차트에 선언된 변수 값을 바꾸고 차트를 다시 그림

Property​

정보

해당 없음 - HighChart 위젯에는 스크립트 전용 Property가 없습니다. 스크립트에서는 아래 공통 Widget Control(getProperty / setProperty)로 값을 읽고 씁니다.

Method​

setVar​

차트에 선언된 변수 하나의 값을 바꾸고, 새 값으로 차트를 다시 그립니다. 변수는 차트 정의의 변수 목록에 미리 선언되어 있어야 합니다.

  • 종류: Method
  • Parameters
    • name (문자열): 값을 바꿀, 선언된 차트 변수의 이름
    • value (문자열): 새 값. JavaScript 표현식으로 그대로 주입되므로 문자열 값은 따옴표를 포함해야 하며, 빈 문자열은 null로 처리됩니다.
  • Returns: 없음 (void)

Example

// 숫자 배열 주입
highchartID.setVar("data", "[1, 2, 3]");
// 문자열 값은 따옴표를 포함
highchartID.setVar("title", "\"Sales\"");

Event​

정보

해당 없음 - HighChart 위젯에는 전용 Event가 없습니다.

공통 Widget Control (모든 위젯)​

노트

모든 위젯은 setProperty / getProperty / setStyleProperty 같은 이름 기반 공통 Widget Control(Method)을 사용할 수 있습니다. 공통 레퍼런스 문서(작성 예정)를 참고하세요.