echarts升级1:各个参数详解及升级!

1、 

grid: {
            left: '2%',
            right: '5%',
            bottom: '3%',
            containLabel: true
          },

 containLabel: true    控制x轴内内容是否允许溢出

2、

xAxis: {
            name: "日期",
            type: "category",
            boundaryGap: true,
            data: this.xAxis.map(function (str) {
              return str.replace(' ', '\n')
            })
          },

此为日期折叠

3、echarts弹出框超出范围解决方案

          tooltip: {
            trigger: 'axis',
            // 浮窗位置
						position: function (point, params, dom, rect, size) {
							var x = 0;
							var y = 0;
							var pointX = point[0];
							var pointY = point[1];
							var boxWidth = size.contentSize[0];
							var boxHeight = size.contentSize[1];
							if (boxWidth > pointX) {
								x = 5;
							} else { // 左边放的下
								x = pointX - boxWidth;
							}
							if (boxHeight > pointY) {
								y = 5;
							} else { // 上边放得下
								y = pointY - boxHeight;
							}
							return [x, y];
						},
          },

见注释完全引用即可,弹框会一直位于正中位置!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章