1. 程式人生 > >echarts 自適應寬度

echarts 自適應寬度

1.在var myChart = echarts.init(document.getElementById(divid));後面新增

//用於使chart自適應高度和寬度,通過窗體高寬計算容器高寬
var resizeWorldMapContainer = function () {
    document.getElementById(divid).style.width = window.innerWidth*0.97+'px';
};

2.在定義options引數和myChart.setOption(data);後面新增

//用於使chart自適應高度和寬度
$(window).resize(function () {
    //重置容器高寬
    resizeWorldMapContainer();
    myChart.resize();
});