var defaultOptions = {
    data : {
        data : null,
        url: null,
        type: null,
        reverse: false,
        jsonDepth: 'output.result',
        use : null,
        gubun : null,
        gubunOption : null,
        dataLen: null
    },
    legend : {
        format : null,
        func : null
    },
    toolTip : {
        use : true,
        className : null,
        position : {
            x : 0,
            y : 0
        },
        func : null
    },
    timeSlice : {
        use : false,
        delay : 300,
        animate : {
            type : 'linear',
            speed : 150
        },
        slider : null,
        play : null,
        pause : null,
        stop : null,
        data : null
    },
    resize : {
        use : false,
        func : null
    },
    func : {
        tickClick : null
    }
};

Configuration Options

data

data.data

URL이 아닌 JSON 데이터가 바로 입력될 경우에 사용

Parameters

Usage

var options = {
	data: {
		data: [
		{"dataGb":"1","name" : "매출이익변동성", "val1":100 ,"val2" : 22},
                {"dataGb":"1","name" : "총자산 이익 변동성", "val1":42,"val2" : 22},
                {"dataGb":"1","name" : "잠재력", "val1":67,"val2" : 22},
                {"dataGb":"1","name" : "성장성", "val1":23,"val2" : 22},
                {"dataGb":"1","name" : "수익성", "val1":66,"val2" : 32},
                {"dataGb":"1","name" : "규모", "val1":23,"val2" : 22}		]
	}
}

var options = {
	data: {
		url: 'http://www.cyber-i.com/'
	}
}

var options = {
	data: {
		type: 'json'
	}
}

var options = {
	data: {
		reverse: false
	}
}

var options = {
	data: {
		jsonDepth: 'output.result'
	}
}

// DATA RESULT
{
	output: {
		result: [
			{date: 20120101, price: 10000, legend: 'A'},
			{date: 20120101, price: 20000, legend: 'B'},
			{date: 20120101, price: 30000, legend: 'C'},
			{date: 20120101, price: 40000, legend: 'D'}
		]
	}
}

var options = {
	data: {
		use: 'price'
	}
}

var options = {
	data: {
		gubun: 'price'
	}
}

var options = {
	data: {
		dataLen: 5
	}
}

var options = {
	legend: {
		format: ['가','나','다','라'] 
	}
}

var options = {
	toolTip: {
		use: true
	}
}

var options = {
	toolTip: {
		position: {
			x : 20,
			y : 20	
		}
	}
}

var options = {
	toolTip: {
		func: function(radar, data, tipElement){
			tip.html( '날짜 : ' + data.date + '<br/>금액 : ' + data.price );
			tip.css({color : 'gray'});
		}
	}
}

var options = {
	timeSlice: {
		use: true
	}
}

var options = {
	timeSlice: {
		animate: {
			type: 'linear' 
		} 
	}
}

var options = {
	timeSlice: {
		delay: 300,
		slider: $('#slider'),
		play: $('#playBtn'),
		pause: $('#pauseBtn'),
		stop: $('#stopBtn'),
		data: function(data){
			$('#info').text(data[0].date + '~' + data[data.length - 1].date);
		}
	}
}

var options = {
	resize: {
		use : true
	}
}