当标签数目过多时(大概超过15个),第一个和最后一个标签不显示,少于时能正常显示
配置项如下
option = {
title: {
left: 'center',
text: '事件运维机构统计图'
},
tooltip : {
trigger: 'item',
formatter: "{b} : {c}"
},
xAxis: {
name: '单位',
nameLocation: 'end',
axisLabel: {
interval: 0,
formatter:function(value)
{
var ret = "";//拼接加\n返回的类目项
var maxLength =3;//每项显示文字个数
var valLength = value.length;//X轴类目项的文字个数
var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
if (rowN > 1)//如果类目项的文字大于4,
{
for (var i = 0; i < rowN; i++) {
var temp = "";//每次截取的字符串
var start = i * maxLength;//开始截取的位置
var end = start + maxLength;//结束截取的位置
//这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
temp = value.substring(start, end) + "\n";
ret += temp; //凭借最终的字符串
}
return ret;
}
else {
return value;
}
}
},
data: ['川渝中烟工业有限责任公司',
'金蝶国际软件集团有限公司',
'卡莱博尔门户和微信项目组',
'中科信息行业烟叶调拨项目组',
'中软国际MES项目组',
'卡莱博尔数据中心项目组',
'新思维信息技术有限公司',
'杭州州力公司',
'厦门用友烟草软件有限责任公司',
'用友审计公司',
'中科信息ITIL平台项目组',
'中科信息网络服务器运维项目组',
'厦门融通综合管理体系项目组',
'中科信息PDM项目组',
'启明星辰安全运维项目组',
'厦门融通资金监管项目组',
'中软国际信息资源管理和ESB项目组',
'中软国际一号工程项目组']
},
yAxis: {name: '数量'},
grid: { // 控制图的大小,调整下面这些值就可以,
bottom:90
},
series: [{
type: 'bar',
data: ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18'],
label: {
normal:{
show:true,
position:'top',
//formatter:'{c}'
}
},
}]
};