echarts 여러 개의 도형resize 문제
function init(){
var chart1 = echarts.init(document.getElementById('chart1'));
......
chart1.setOption(option1);
var chart2 = echarts.init(document.getElementById('chart2'));
......
chart2.setOption(option2);
var chart3 = echarts.init(document.getElementById('chart3'));
......
chart3.setOption(option3);
window.onresize = function() {
chart1.resize();
chart2.resize();
chart3.resize();
}
}
이렇게 할 수도 있습니다.
function chart1(){
var chart1 = echarts.init(document.getElementById('chart1'));
......
chart1.setOption(option1);
return chart1;
};
function chart2(){
var chart2 = echarts.init(document.getElementById('chart2'));
......
chart2.setOption(option2);
return chart2;
};
function chart3(){
var chart3 = echarts.init(document.getElementById('chart3'));
......
chart1.setOption(option3);
return chart3;
};
$(function(){
jQuery.ajax({
url: ,
dataType: "json",
success: function(data) {
var chart1 = chart1();
var chart2 = chart2();
var chart3 = chart3();
}
});
window.addEventListener("resize", function () {
chart1.resize();
chart2.resize();
chart3.resize();
});
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
echarts 도표 선명도 문제 처리검색: createDom; Layer.prototype 수정은 해당합니다....
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.