2 wz1992777 wz1992777 于 2016.03.01 11:52 提问

echarts中怎么设置x轴的字为纵向显示

图片说明
如图所示,如果x轴都是横向显示,还有好多没有显示出来,现在想调整为x轴纵向显示,请问怎么加代码?求解?以下是部分代码
var option = {
title : {
text: '简易注销企业区域统计',
subtext: ''
},

                    legend: {
                        data:['注销数量']
                    },

                    calculable : true,
                    xAxis : [
                        {
                            type : 'category',
                            data : listDjjg
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value'
                        }
                    ],
                    series : [
                        {
                            name:'注销数据',
                            type:'bar',
                            data: listSl
                        }
                    ]
                };

4个回答

caozhy
caozhy   Ds   Rxr 2016.03.08 12:21
kebi007
kebi007   2017.03.30 16:11

axisLabel: {

interval:0,

rotate:40

}

这样就可以解决。
interval
坐标轴刻度标签的显示间隔(在类目轴中有效哦),默认会采用标签不重叠的方式显示标签(也就是默认会将部分文字显示不全)
可以设置为0强制显示所有标签,如果设置为1,表示隔一个标签显示一个标签,如果为3,表示隔3个标签显示一个标签,以此类推
rotate
标签倾斜的角度,在类目轴的类目标签显示不全时可以通过旋转防止标签重叠(官方这样说的)旋转的角度是-90到90度

kebi007
kebi007   2017.03.30 16:10
fengqiquan
fengqiquan   2017.05.27 15:53

echarts3

 axisLabel: {
                    show: true,
                    interval: 'auto',
                    inside: false,
                    rotate: 90,
                    margin: 8,
                    formatter: null,
                    showMinLabel: null,
                    showMaxLabel: null,
                },

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!