echarts图形的x横坐标文字如何设置间隔显示

2025-05-05 08:28:54

1、打开echarts官方实例页面,点击第一个折线图,进行演示

echarts图形的x横坐标文字如何设置间隔显示

3、修改左侧的option内容,在xAxis的data数组中再添加两行内容,同时,在series中添加对应数量的值

echarts图形的x横坐标文字如何设置间隔显示

5、在option的xAxis区域添加axisLabel:{interval:0},这个语句的意思是,设置横坐标的文字全部显示,不间隔

echarts图形的x横坐标文字如何设置间隔显示

7、将间隔值修改为5,axisLabel:{interval:5},再次运行,就可以看到x横坐标内容已经按照要求间隔显示了

echarts图形的x横坐标文字如何设置间隔显示
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢