图表容器及大小

通常来说，需要在 HTML 中先定义一个 <div>1 容器，并且通过 CSS 使得该容器具有宽度和高度。初始化的时候，传入该容器，图表的大小默认即为该容器的大小

xxxxxxxxxx
<div id="main" style="width: 600px;height:400px;"></div>

温馨提示

需要注意的是，使用这种方法在调用 echarts.init 时需保证容器已经有宽度和高度了

指定图表的大小

如果图表容器不存在宽度和高度，或者，你希望图表宽度和高度不等于容器大小，也可以在初始化的时候指定大小

xxxxxxxxxx
var myChart = echarts.init(document.getElementById('main'),null,{
    width:600,
    height:400
});

xxxxxxxxxx
myChart.resize({
    width: 800,
    height: 400
});

xxxxxxxxxx
window.addEventListener('resize', function () {
    myChart.resize({
        width: window.innerWidth / 2,
        height: window.innerHeight / 2
    })
})

实时效果反馈

1. ECharts初始化是否必须存在大小：

A 是

B 否

答案

1=>A