复制
收藏
提问
全网
echarts 横坐标label值旋转
刚刚
理解问题echarts 横坐标label值旋转
已完成理解「echarts 横坐标label值旋转」
展开阅读网页
回答简洁
更专业一些
echarts 横坐标label值旋转
- 设置旋转角度:通过设置
xAxis.axisLabel.rotate
属性来实现横坐标标签的旋转。正值表示向右倾斜,负值表示向左倾斜。23 - 竖排显示:将标签文字改为竖版显示,可以通过
axisLabel.formatter
函数实现,将字符串分割后换行连接。48 - 控制显示间隔:使用
axisLabel.interval
属性控制标签的显示间隔,设置为 0 表示显示所有标签。3
示例代码
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLabel: {
rotate: -20, // 向左倾斜
interval: 0, // 显示所有标签
formatter: function (value) {
var str = value.split("");
return str.join("\n");
}
}
},
yAxis: {},
series: []
};