1. 程式人生 > >echart橫座標太長導致座標顯示不完全

echart橫座標太長導致座標顯示不完全

在xAxis中加入
 axisLabel : {
                show:true,
                interval: 0//,    // {number}
                //rotate: 45,
               // margin: 8
               
            } 
如下所示
exports.createLine=function(id,xdata,ydata,xName,yName){
		var option = {
			    tooltip : {
			        trigger: 'axis'
			    },  grid:{
		   			x:'15%',
		     		y:30,
		     		x2:30,
		     		y2:30
		        },
			    dataZoom : {
			        show : false,
			        start : 0,
			        end : 100
			    },
			    xAxis : [
			        {
			            type : 'category',
			            boundaryGap : true,
			            data : (function (){
			                var now = new Date();
			                var res = [];
			                var len = xdata.length;
			                while (len--) {
			                    res.push(xdata[len]);
			                }
			                return res;
			            })(),
			            axisLabel : {
			                show:true,
			                interval: 0
			            } 
			        }
			    ],
			    yAxis : [
			        {
			            type : 'value',
			            scale: true,
			            data:[0,25,50,75,100]
			        }
			    ],
			    series : [
			        {
			            name:yName,
			            type:'line',
			            data:(function (){
			                var res = [];
			                var len = ydata.length;
			                while (len--) {
			                    res.push(ydata[len]);
			                }
			                return res;
			            })()
			        }
			    ]
			};
		var myChart = echarts.init(id);
		myChart.setOption(option);
	}