1. 程式人生 > 其它 >echarts中橫座標值顯示不全(自動隱藏)解決方案

echarts中橫座標值顯示不全(自動隱藏)解決方案

技術標籤:HtmlEcharts

echarts中橫座標值顯示不全自動隱藏解決方案

echarts中,橫軸資料如果非常多,會自動隱藏一部分資料,我們可以通過屬性interval來進行調整。

如下圖,當橫軸資料過多時,echarts會自動隔天顯示

如果我們想顯示全,則需要在xAxis 屬性加上axisLabel:{interval: 0}

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

在這裡插入圖片描述