echart橫座標太長導致座標顯示不完全
阿新 • • 發佈:2019-02-17
在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); }