lineOption = {
xAxis: {
type: “category”,
// boundaryGap:true表示让数据和x轴的标签都显示在坐标轴两端之间,避免两端的标签名溢出
boundaryGap: true,
data: [],
axisLine: {
lineStyle: {
color: “#BBCEE8”
}
},
axisTick: {
show: false
},
axisLabel: {
show: true,
color: “#c23531”, // 标签的字体颜色
interval: 0, // 坐标轴刻度标签的显示间隔,默认会采用标签不重叠的策略间隔显示标签.设置成0强制显示所有标签,1表示隔一个标签显示一个标签,以此类推
rotate: 0, // 坐标轴刻度标签(逆时针)旋转40度显示,旋转的角度从 -90 度到 90 度。
formatter(params) {
// 刻度标签的内容格式器
// 标签过长大于4,显示…
if (params.length > 4) {
return params.substring(0, 4) + “…”;
} else {
return params;
}
}
}
},
yAxis: {
// y轴
type: “value”
},
tooltip: {
// 提示框组件
trigger: “axis”, // 触发类型:坐标轴触发,这个字段的功能是:在堆
Echarts折线图基本配置
最新推荐文章于 2024-08-01 12:00:00 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)