amcharts5 내부에 생성된 차트 요소에 대한 이벤트를 동적으로 등록할 수 있는 API입니다.
| Parameters | Type | Description |
|---|---|---|
| instEventTarget | INSTANCE | 이벤트 핸들러를 등록할 오브젝트 |
| strEventName | STRING | 이벤트 핸들러를 등록할 이벤트 혹은 setting 명칭 |
| strEventHandler | STRING | 이벤트 핸들러 함수 이름 |
| Type | Description |
|---|---|
| BOOL | 성공/실패 여부 |
strEventHandler 파라미터에 지정된 함수에 전달되는 파라미터는 strEventName 파라미터에 지정한 이벤트 종류에 따라 다르며, 상세한 내용은 amcharts5 문서를 참조한다.
registerchartevent 함수를 사용하지 않고, 직접 amcharts5에서 제공하는 on 함수를 사용하는 경우, on 함수 호출시 지정한 이벤트 처리 함수 내부의 this가 브라우저 window 오브젝트를 가리키기 때문에, 주의해야 한다.
function btn_on_mouseup(objInst)
{
// 생성된 root 구하기
var root = objInst.getroot();
// pie 차트 생성
var chart = root.container.children.push(
am5percent.PieChart.new(root, {
layout: root.verticalLayout
})
);
// data 정의
var data = [{
country: "France",
sales: 100000
}, {
country: "Spain",
sales: 160000
}, {
country: "United Kingdom",
sales: 80000
}];
// series 생성
series = chart.series.push(
am5percent.PieSeries.new(root, {
name: "Series",
valueField: "sales",
categoryField: "country"
})
);
// click 이벤트 등록
objInst.registerchartevent(series.slices.template.events, "click", "handleClick");
// series에 데이터 설정
series.data.setAll(data);
}
// 미리 만들어둔 이벤트 핸들러
function handleClick(ev)
{
screen.alert("register event..");
}