echart 자동 사이즈 조정 / resize

대부분의 사용법은 echart 문서에 있기 때문에 참고하시기 바랍니다.

https://echarts.apache.org/en/option.html#title

Documentation - Apache ECharts

 

morris chart는 resize라는 옵션이 있어 resize:true 만 해줘도 자동으로 크기를 조정하지만 아쉽게도 echart는 옵션에 기능이 없어서 자체적으로 구현을 해야합니다. echart말고도 다른 차트에서도 사용가능 할테니 참고하시기 바랍니다.

var echart = echarts.init(document.getElementById('echart1'));

echart.setOption({
...
});
$function(){
	$(window).on('resize',resize);
	function resize(){
		echart.resize();
    }
});

echart1은 html에 선언한 id 입니다.