1.echarts# ECharts柱状图坐标轴名称过长显示不全问题与解决方法
可以通过设置formatter属性对名称进行换行显示,根据具体情况设置单行显示文字个数
type: 'category',
data: ['假设这个是长长的名称1', '假设这个是长长的名称2', '假设这个是长长的名称3', '假设这个是长长的名称4', '假设这个是长长的名称5', '假设这个是长长的名称6', '假设这个是长长的名称7'],
axisLabel: {
interval: 0,
formatter: function (params) {
var newParamsName = ''
const paramsNameNumber = params.length
const provideNumber = 6 // 单行显示文字个数
const rowNumber = Math.ceil(paramsNameNumber / provideNumber)
if (paramsNameNumber > provideNumber) {
for (let p = 0; p < rowNumber; p++) {
var tempStr = ''
var start = p * provideNumber
var end = start + provideNumber
if (p === rowNumber - 1) {
tempStr = params.substring(start, paramsNameNumber)
} else {
tempStr = params.substring(start, end) + '\n'
}
newParamsName += tempStr
}
} else {
newParamsName = params
}
return newParamsName
}
}
}
————————————————
版权声明:本文为CSDN博主「weixin_48911357」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_48911357/article/details/124634329