echarts 统计图横坐标标题文字竖直显示

 

问题

客户需求当横坐标标题显示不全时,设置了倾斜显示,方式虽然不是很完美,但是在一定程度上还是解决了一些问题,想要进一步美化,应该如何操作?

回答

设计步骤:
axisLabel 中使用 formatter 回调,formatter 有两个参数,使用方法是这样的 formatter:function(value,index){} ,value 是类目(1 月,2 月,3 月…),index 是类目索引。
axisLabel: {
interval: 0,
formatter:function(value)
{
return value.split(““).join(”\n”);
}
}

imagepng

imagepng