美文网首页
Echarts屏幕缩放自适应

Echarts屏幕缩放自适应

作者: 喜欢走弯路的人 | 来源:发表于2023-03-12 09:25 被阅读0次

    页面

    <div style="width: 100%; height: 160px;"  id="meetings"></div>

    数据

    data() {

        return { myChart1:'',}

    }

    加载

    mounted() {

        this.myChart1 = echarts.init(document.getElementById("meetings"));

        this.statusCharts();

        window.addEventListener('resize', () => {

        this.myChart1.resize();

        })

      },

    methods:{

        statusCharts(){

             this.myChart1.setOption({  })//你Echarts配置项

        }

    }

    相关文章

      网友评论

          本文标题:Echarts屏幕缩放自适应

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