Echarts设置图表中的柱子间距自适应

• 图表自适应分为两种情况：
  • (1).整个图表的自适应
  • (2).图表中具体内容自适应（柱子、图例，x轴坐标间距等两种自适应）
• 解决方法分别为：

  • (1).整个图表的自适应:

    • 设置很简单，官方提供了公共方法：myChart.resize()，不再做详细说明;

  • (2).图表中具体内容自适应设置：

    • a.设置一个setInterval周期函数定时检查页面大小
    • b.报表加载后通过 myChart.setOption({ series: [{… }], legend: {…} })改变部分参数值，以实现自适应效果，代码如下：

    _initChart: function () {
           
    	        ///<summary>报表数据初始化</summary>
    	        var dom = document.getElementById("divChart");
    	        var myChart_more = echarts.init(dom);
    	        var option = _this._getOption();
    	        if (option && typeof option === "object") {
           
    	            myChart_more.setOption(option, true);
    	        }
    	        _this.myChart_more = myChart_more;
    	        //设置图表跟随页面调整自适应页面大小
    	        setInterval(function () {
           
    	            var echartRange = document.body.clientWidth + "," + document.body.clientHeight; //页面的尺寸
    	            if (!_this.echartRange) {
           
    	                _this.echartRange = echartRange; //记录第一次加载时的页面尺寸
    	            }
    	            if (_this.echartRange != echartRange) {
           
    	                _this.myChart_more.resize(); //设置图表自适应
    	                _this._setBarGapOption(); //设置柱子自适应
    	            }
    	            else if (_this.myChart_more && _this.myChart_more.getWidth() == 0) {
           
    	                _this.myChart_more.resize(); //设置图表自适应
    	                _this._setBarGapOption(); //设置柱子自适应