ECharts 刻度标签旋转rotate

最新推荐文章于 2024-07-18 14:23:36 发布

转载最新推荐文章于 2024-07-18 14:23:36 发布 · 1w 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/af666/blog/872040

文章标签：

#javascript #ViewUI

本文通过一个具体的ECharts配置示例介绍了如何设置x轴的类别型数据，并详细解释了标签的显示方式，包括标签的间隔、旋转角度及样式等属性。此外，还提供了进一步了解ECharts配置项的参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一','周二','周三','周四','周五','周六','周日'],
axisLabel:{
show:true,
interval: 0, // {number}表示隔几个标签显示一个标签
rotate: 60,
textStyle: {
color: 'blue',
fontFamily: 'sans-serif',
fontSize: 15,
fontStyle: 'italic',
fontWeight: 'bold'
}
}
},