数据较多,进行缩放会导致X轴数据重叠,需要进行配置,重点配置代码如下:
dataZoom: [
{
type: "inside", //内部放大缩小
show: true,
startValue: 0, // 从头开始。
endValue: 9, // 一次性展示10个
minValueSpan:2, //用于限制窗口大小的最小值
maxValueSpan:9, //用于限制窗口大小的最大值
},
],
如果X轴文字长度过长做限制的配置如下:
//坐标轴刻度的相关设置
axisLabel: {
interval: 0,
margin: 15,
textStyle: {
color: "#fff",
},
// 字数超过3个字展示省略号
formatter: function (params) {
var val = "";
if (params.length > 3) {
val = params.substr(0, 3) + "...";
return val;
} else {
return params;
}
},
},