问题
在vue里使用echarts框架时遇到柱状图X轴底部文字有的不显示出来?
如图:(住房与城乡建设没有显示出来)
解决方案
方案一:旋转
// 在setOption里配置xAxis let option = { xAxis: [ { type: 'category', rotate: -25 // 旋转角度 } ] }
方案二:省略号
// 在setOption里配置xAxis let option = { xAxis: [ { type: 'category', // 书写格式 axisLabel: { formatter: val => { let txt = val if (val.length > 3) { txt = val.substr(0, 3) + '...' } return txt } } } ] }