echarts X轴滚动条

echarts 当X轴标题太多时可以设置

xAxis : [
			             {  
                                  type : 'category',  
                                  boundaryGap : true,  
                                  data : data,
                                  show : true,  
                                  axisLabel:{  
                                      interval: 0,  
                                      formatter:function(val){  
                                        return val.split("").join("\n");  
                                      }  
                                  }  
                              }
			         ],

  其中data 是X轴坐标数据,我这个是90度向下。

  但是X轴数据太多这样会出现下图效果:

每一列都非常窄

这时候需要打开滚动条

设置dataZoom即可
dataZoom : {
                    show : true,
                    realtime : true,
                    start : 0,
                    end : 100
                },

  

 

posted @ 2017-01-04 14:35  名尚  阅读(1499)  评论(0)    收藏  举报