Echarts 標籤過長如何讓axisLabel換行
阿新 • • 發佈:2018-12-31
require.config({
paths : {
echarts : 'http://echarts.baidu.com/build/dist'
}
});
require(
[ 'echarts', 'echarts/chart/bar', 'echarts/chart/line'
],
function(ec) {
var myChart = ec.init(document.getElementById('main' ),
'macarons');
var option = {
xAxis : {
show : true,
type : 'category',
data : [ '一二三四五六', '一二三四五', '二三四五', '二三四五六七八九',
'二三四五一七八九十' ],
axisLabel : {
interval : 0,
formatter : function(params){
var newParamsName = "";
var paramsNameNumber = params.length;
var provideNumber = 4;
var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
if (paramsNameNumber > provideNumber) {
for (var p = 0; p < rowNumber; p++) {
var tempStr = "";
var start = p * provideNumber;
var end = start + provideNumber;
if (p == rowNumber - 1) {
tempStr = params.substring(start, paramsNameNumber);
} else {
tempStr = params.substring(start, end) + "\n";
}
newParamsName += tempStr;
}
} else {
newParamsName = params;
}
return newParamsName
}
}
},
yAxis : {
type : 'value'
},
series : [ {
name : "人數",
type : "bar",
data : [ 12, 24, 25, 11, 18 ]
} ]
};
myChart.setOption(option);
});