Solution of incomplete display of abscissa value in echarts (auto-hide)

The abscissa value display in echarts is not fully automatic hiding solution

In echarts, if there is a lot of data on the horizontal axis, part of the data will be automatically hidden, and we can adjust it through the attribute interval.

As shown in the figure below, when there is too much data on the horizontal axis, echarts will automatically display the next day

If we want to display the whole, we need to add axisLabel:{interval: 0} to the xAxis property

 xAxis: [
                {
    
    
                    type: 'category',
                    data: ['北京','上海1','上海3','上4海','上海4','上海5','上海5','上5海','上海4'],
                    axisTick: {
    
    
                        alignWithLabel: true
                    },
                    axisLabel: {
    
    
                        interval: 0,
                        rotate: 30
                    }
                }
            ],

Insert picture description here

Guess you like

Origin blog.csdn.net/guo_qiangqiang/article/details/113772849