echarts怎么实现高度自适应

Question

echarts宽度可以设置百分比，高度貌似一定要有具体高度，否则显示不出来,但设置了具体高度后就无法自适应了

Answer 1

<br> var mychart = echarts.init(document.getElementById(&quot;chart-panel&quot;));<br> var option = {<br> title: {<br> text:&#39;测试ECharts&#39;<br> },<br> tooltip: {},<br> legend: {<br> data: [&#39;销量&#39;],</p> <pre><code> }, xAxis: { data:[&quot;衬衫&quot;,&quot;羊毛衫&quot;,&quot;雪纺衫&quot;,&quot;裤子&quot;,&quot;高跟鞋&quot;,&quot;袜子&quot;] }, yAxis: {}, series:[{ name: &#39;销量&#39;, type: &#39;bar&#39;, data: [10,20,36,10,10,30] }] } mychart.setOption(option) window.onresize =function(){ mychart.resize() mychart.setOption(option) } &lt;/script&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p></div><br> </form><br> </body></p>