echarts 横坐标分行展示,以及文字显示顶部
X轴文字 分行展示
xAxis : [
{
splitLine:{show:false},
type : 'category',
data : ['社交人际','沟通交流','心理认知','游戏玩耍','大小运动','生活自理','执行管控','知识常识'],
splitArea:{show:false},
axisLabel: {
show: true,
interval:0,
formatter:function(params) {
var newParamsName = "";
var paramsNameNumber = params.length;
var provideNumber = 2; //一行显示几个字
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
},
textStyle: {
color: '#6861a6' //文字颜色
}
}
},
文字上方显示
series: [
{type: 'bar',
itemStyle: {
normal: {
label: {
show: true, //开启显示
position: 'top', //在上方显示
textStyle: { //数值样式
color: 'black',
fontSize: 16
}
}
}
}
},
{type: 'bar',
itemStyle: {
normal: {
label: {
show: true, //开启显示
position: 'top', //在上方显示
textStyle: { //数值样式
color: 'black',
fontSize: 16
}
}
}
}
}
]
数组分批插入
objdis=[];
objname=[]; objnames=[];
objyd=[];
objyds=[];objydss=[];
objad=[];
for (var i = 0; i < $(".disyd").length-1; i++) {
objname[i]=parseInt($(".disname:eq("+i+")").text());
objyd[i] =parseInt($(".disyd:eq("+i+")").text());
objyds[i] =parseInt($(".disyd:eq("+i+")").text());
objydss[i] =parseInt($(".disyd:eq("+i+")").text());
objad[i] =parseInt($(".disad:eq("+i+")").text());
}
zhuanhuans(objname,objyd) ;
zhuanhuans(objad,objyds) ;
zhuanhuans(disease_name,objydss) ;
for (var i = 0; i < $(".disyd").length-1; i++) {
objdis[i] = [disease_name[i],objyd[i],objad[i]]
}
objdis.unshift(['日期','到诊','对话量'])

浙公网安备 33010602011771号