diff --git a/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.ts b/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.ts index 32e38a2..94dc9a5 100644 --- a/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.ts +++ b/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.ts @@ -205,7 +205,7 @@ export class AddUnitOneComponent implements OnInit { countall+=this.tishiData[i].count } this.res= '
'+datas.name+'
' - this.res+='
'; + this.res+='
'; this.res+=''; this.res+=''; this.res+='' diff --git a/src/app/statistic-analysis/addUnit/add-unit-three-bar-details/add-unit-three-bar-details.component.ts b/src/app/statistic-analysis/addUnit/add-unit-three-bar-details/add-unit-three-bar-details.component.ts index 69d0c37..fbf3918 100644 --- a/src/app/statistic-analysis/addUnit/add-unit-three-bar-details/add-unit-three-bar-details.component.ts +++ b/src/app/statistic-analysis/addUnit/add-unit-three-bar-details/add-unit-three-bar-details.component.ts @@ -114,6 +114,36 @@ export class AddUnitThreeBarDetailsComponent implements OnInit { //return tishiPao } + axisLabel = { + interval: 0, + //rotate:-30, + textStyle:{ + fontSize :18, + color:'#000000' + }, + formatter:function(value) + { + var ret = "";//拼接加\n返回的类目项 + var maxLength = 2;//每项显示文字个数 + var valLength = value.length;//X轴类目项的文字个数 + var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数 + if (rowN > 1)//如果类目项的文字大于3, + { + 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; + } + } + }//echarts两个字换行 detailPlanEchart option detailEcharts(){ @@ -134,14 +164,7 @@ export class AddUnitThreeBarDetailsComponent implements OnInit { id:this.organizationId, type: 'category', data:this.zhiNameData, - axisLabel:{ - //this.axisLabel, - textStyle:{ - fontSize :18, - color:'#000000' - } - - } + axisLabel:this.axisLabel }, yAxis: { type: 'value', diff --git a/src/app/statistic-analysis/addUnit/add-unit-two-type-details/add-unit-two-type-details.component.ts b/src/app/statistic-analysis/addUnit/add-unit-two-type-details/add-unit-two-type-details.component.ts index 3ccd214..95e3a86 100644 --- a/src/app/statistic-analysis/addUnit/add-unit-two-type-details/add-unit-two-type-details.component.ts +++ b/src/app/statistic-analysis/addUnit/add-unit-two-type-details/add-unit-two-type-details.component.ts @@ -106,6 +106,36 @@ export class AddUnitTwoTypeDetailsComponent implements OnInit { //return tishiPao } + axisLabel = { + interval: 0, + //rotate:-30, + textStyle:{ + fontSize :18, + color:'#000000' + }, + formatter:function(value) + { + var ret = "";//拼接加\n返回的类目项 + var maxLength = 2;//每项显示文字个数 + var valLength = value.length;//X轴类目项的文字个数 + var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数 + if (rowN > 1)//如果类目项的文字大于3, + { + 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; + } + } + }//echarts两个字换行 detailPlanEchart//echarts实例 detailEcharts(){ @@ -127,14 +157,15 @@ export class AddUnitTwoTypeDetailsComponent implements OnInit { id:this.thisorId, type: 'category', data: this.zhongNameData, - axisLabel:{ - //this.axisLabel, + axisLabel: this.axisLabel + /* axisLabel:{ + this.axisLabel, textStyle:{ fontSize :18, color:'#000000' } - } + } */ }, yAxis: { type: 'value', diff --git a/src/app/statistic-analysis/echarts-data.service.ts b/src/app/statistic-analysis/echarts-data.service.ts index 523f1a7..4b5c81f 100644 --- a/src/app/statistic-analysis/echarts-data.service.ts +++ b/src/app/statistic-analysis/echarts-data.service.ts @@ -423,7 +423,7 @@ export class EchartsDataService { countall+=this.tishiData[i].count } this.res= '
'+datas.name+'
' - this.res+='
名称数量
'; + this.res+='
'; this.res+=''; this.res+=''; this.res+='' @@ -462,7 +462,7 @@ export class EchartsDataService { countall+=this.tishiData[i].count } this.res= '
'+datas.name+'
' - this.res+='
名称数量
'; + this.res+='
'; this.res+=''; this.res+=''; this.res+='' @@ -516,7 +516,7 @@ export class EchartsDataService { } //console.log(this.tishiData) this.res= '
'+datas.name+'
' - this.res+='
名称数量
'; + this.res+='
'; this.res+=''; this.res+=''; this.res+=''
名称数量