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];
},
},
見註釋完全引用即可,彈框會一直位於正中位置!