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(['日期','到诊','对话量'])