echart动态显示x轴数据(数据少的情况下x轴横线显示，数据多的情况下x轴纵向显示)

解决代码如下；

option创建的时候xAxis如下；

 xAxis: {
                    data: xAxisData,
                    axisLabel: {
                        interval: 0,
                        rotate: 0
                    }
                },

 

在myChart.setOption（）之前(一定要加在前面，加在后面不行)加入如下代码:

var myChartxAxisData = option.xAxis.data;
            if (myChartxAxisData.length >= 8) {
                option.xAxis.axisLabel.interval = 0;
                option.xAxis.axisLabel.rotate = 50;
            }

我的xAxisData是一个数组类型的数据

结果如下:

 

 

 

 

 

 

 

 

参考博客；https://www.jianshu.com/p/3c4f5bd02250