Echarts容器——高宽自适应

目录

一、高度适应宽度

1.容器

2.js

二、根据图形高度自适应

1.容器

2.js

---

一、高度适应宽度

1.容器

2.js

主要部分为：

        //自定义一个方法设置高度的方法
        var setChartHeight = function(){
            //根据自己需要调节图形大小,我的图形是放在
中
            var mainHeight=$(".col-md-4").width();
            var dataCharts=mainHeight-85;
            $(".map_yw").css("height",dataCharts+"px");
        };

        //在myChart前面添加

        //重置高度(注意这里顺序不能乱,先设置好高度,再按照重置好的高度重置)
        setChartHeight();
        myChart.resize();

二、根据图形高度自适应

1.容器

2.js

    let myChart = this.$echarts.init(document.getElementById("myChart1"));

　　this.autoHeight = this.counts * 55 + 50; // this.counts为柱状图的条数，即数据长度。

　　myChart.getDom().style.height = this.autoHeight + "px";

　　myChart.resize();