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];
},
},
见注释完全引用即可,弹框会一直位于正中位置!