To add more chart types and directly bind report results without programming effort, also provides developer API. One-time development of API and user can generate endless of data visualization with different view angle and business requirements.

커스텀 챠트 API 예제 (Javascript):

IG$.__chartoption.charttype.push(

   {

       label: "Sample Demo",

       charttype: "demo_edu",

       subtype: "demo_edu",

       img: "demo_edu",

       grp: "cartesian"

   }

);

 

IG$.__chartoption.chartext.demo_edu = function(owner) {

   this.owner = owner;

}

 

IG$.__chartoption.chartext.demo_edu.prototype = {   

   drawChart: function(owner, results) {

   },

   updatedisplay: function(owner, w, h) {

   }

};

 

Javascript Development break down:

Type

Code

Description

Register on wizard

IG$.__chartoption.charttype.push

 

Create class

IG$.__chartoption.chartext.demo_edu = function(owner) {

 

Define functions

IG$.__chartoption.chartext.demo_edu.prototype = {

 

Function after report results and draw chart

drawChart: function(owner, results) {

 

Function after sheet size changed

updatedisplay: function(owner, w, h) {

 

 

After develop javascript code, need to register on analytics.jsp, viewer.jsp with script tag.

 

커스텀 챠트 설정 파라미터 화면 구성

To register chart specific configuration parameter, need to add following code structure on javascript and load on JSP files.