window.onresize = myChart.resize;

多個圖表只要避免覆蓋掉 window.onresize 方法就行了。

當然多個組件批處理的話，不妨寫個高階組件封裝一下。

const ChartWrapper = ChildComponent => class extends Component {
    componentDidMount() {
        if (window) {
            const onresize = window.onresize;
            window.onresize = () => {
                if (onresize) onresize();
                this.child.resize();
            };
        }
    }

    render() {
        return (
            <ChildComponent {...this.props} ref={(child) => { this.child = child; }} />
        );
    }
};

export default ChartWrapper;

然后確保每個子組件內(nèi)部實現(xiàn) resize 方法。

class Line extends Component {
    resize = () => {
        // myChart.resize();
    };
}

export default ChartWrapper(Line);
// 
class Bar extends Component {
    resize = () => {
        // myChart.resize();
    };
}

export default ChartWrapper(Bar);

如果你使用的是未被封裝的echarts，只能手動的調(diào)整寬高了……echarts默認不支持自適應，至少我看官方?jīng)]有找到相關資料；
沒找過其它版本的圖標庫，所以，不知道有沒有自適應的；

監(jiān)聽window的resize事件，調(diào)用echarts實例的resize方法

window.addEventListener('resize',function(){
            mychart.resize();
        })

對resize事件進行監(jiān)聽就可以了.