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];
						},
          },

見註釋完全引用即可,彈框會一直位於正中位置!

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