芜湖网站建设芜湖狼道,设计制作小车二教案,微信公众号网站开发,上海seo网站优化情况#xff1a;Y轴内容是文字#xff0c;内容太长可能会系那是不全。调整grid会导致短数据前的留白过于多。
解决方案#xff1a;
方法一#xff1a; 首先可以配置grid自适应 #xff0c; containLabel 属性设置true #xff08;这常用于『防止标签溢出』的场景…情况Y轴内容是文字内容太长可能会系那是不全。调整grid会导致短数据前的留白过于多。
解决方案
方法一 首先可以配置grid自适应 containLabel 属性设置true 这常用于『防止标签溢出』的场景标签溢出指的是标签长度动态变化时可能会溢出容器或者覆盖其他组件。
grid: {top: 0%,left: 3%,right: 2%,bottom: 3%,containLabel: true},
方法二将文字设置超出部分显示省略号在yAxis中的axisLabel中加入以下属性配置
yAxis: {axisLabel: {width: 60,//将内容的宽度固定overflow: truncate,//超出的部分截断truncate: ...,//截断的部分用...代替}
} 方法三: 如果是数字可将数字进行处理axisLabel 的formatter 进行处理
yAxis: {axisLabel: {formatter(v) {v v.toString()if (v 100000000000) {return (v.substring(0, 5) / 10) 亿} else if (v 10000000000) {return (v.substring(0, 4) / 10) 亿} else if (v 1000000000) {return (v.substring(0, 3) / 10) 亿} else if (v 100000000) {return (v.substring(0, 2) / 10) 亿} else if (v 10000000) {return v.substring(0, 4) 万} else if (v 1000000) {return v.substring(0, 3) 万} else if (v 100000) {return v.substring(0, 2) 万} else if (v 10000) {return (v.substring(0, 2) / 10) 万} else if (v 1000) {return v} else {return v}},}
}
