qq_37886384
jay12332111
采纳率0%
2017-03-21 03:19 阅读 8.7k

echarts怎么实现高度自适应

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • qq_37886384 jay12332111 2017-03-21 03:25









    <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>
    点赞 评论 复制链接分享
  • qq_30327591 qq_30327591 2020-03-18 11:26

    你是想 多个图表自适应还是 图表的容器自适应

    如果你是多个图表自适应:
    window.addEventListener("resize", function () {
    pieEchart.resize();
    });

    如果是图表的容器自适应:我推荐你使用 flex 弹性布局

    点赞 评论 复制链接分享

相关推荐