美文网首页
2019-05-08关于Echarts自适应

2019-05-08关于Echarts自适应

作者: 泡沫双鱼座 | 来源:发表于2019-05-08 19:35 被阅读0次

    一个页面只有一个图表的时候,window.onresize = myEcharts.resize;即可;

    如果是多个图表,建议放到一个函数里面,设置多几个option,然后利用

    myChart.setOption(option);

    /*窗口自适应,关键代码*/

      setTimeout(function (){

              window.onresize = function () {

                  myChart.resize();

              }

       },200)

    而且宽度只能设置成百分比,具体px值,也不生效。。。

    注:如果多个echarts,多个function,只会最后一个有自适应的效果,前面几个失效,今天测试了半天,目前得到这样的结论,如果有好的办法,欢迎分享~~~

    相关文章

      网友评论

          本文标题:2019-05-08关于Echarts自适应

          本文链接:https://www.haomeiwen.com/subject/qwnvoqtx.html