提交代码

This commit is contained in:
2023-10-31 15:22:02 +08:00
parent b0f60f4a58
commit 3eab5e32f6
28 changed files with 1730 additions and 96 deletions
+68 -70
View File
@@ -212,7 +212,7 @@
<script type="text/javascript" src="../res/index/js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="../res/index/js/echarts.min.js"></script>
<script type="text/javascript">
function category_One(id, title, dataNum, text) {
function category_One(id, title, dataNum, text) {
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById(id))
// 指定图表的配置项和数据
@@ -230,7 +230,7 @@
},
show: true
},
graphic: {
graphic: {
type: "text",
left: "center",
bottom: "18%",
@@ -295,9 +295,9 @@
var one1 =<%=One1 %>
var one2 =<%=One2 %>
var one3 =<%=One3 %>
category_One('one1', "质量验收一次合格率", one1, one1+"%")
category_One('one2', "施工资料同步率", one2, one2+"%")
category_One('one3', "质量问题整改完成率", one3, one3+"%")
category_One('one1', "质量验收一次合格率", one1, one1 + "%")
category_One('one2', "施工资料同步率", one2, one2 + "%")
category_One('one3', "质量问题整改完成率", one3, one3 + "%")
</script>
<script type="text/javascript">
function category_six(id, title, xArr, data) {
@@ -506,7 +506,7 @@
</script>
<script type="text/javascript">
function category_Two(id, xArr, data,num) {
function category_Two(id, xArr, data, num) {
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById(id))
// 指定图表的配置项和数据
@@ -545,29 +545,28 @@
color: 'rgba(255, 255, 255, 0.8)'
},
interval: 0,
formatter:function(value)
{
var ret = "";//拼接加\n返回的类目项
var maxLength = num;//每项显示文字个数
var valLength = value.length;//X轴类目项的文字个
var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
if (rowN > 1)//如果类目项的文字大于maxLength,
{
for (var i = 0; i < rowN; i++) {
var temp = "";//每次截取的字符串
var start = i * maxLength;//开始截取的位置
var end = start + maxLength;//结束截取的位置
//这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
//temp = value.substring(start, end) + "\n";
temp = value.substring(start, end) + (i == rowN -1 ? "" : "\n");
ret += temp; //凭借最终的字符串
}
return ret;
}
else {
return value;
}
}
formatter: function (value) {
var ret = "";//拼接加\n返回的类目项
var maxLength = num;//每项显示文字个数
var valLength = value.length;//X轴类目项的文字个数
var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行
if (rowN > 1)//如果类目项的文字大于maxLength,
{
for (var i = 0; i < rowN; i++) {
var temp = "";//每次截取的字符串
var start = i * maxLength;//开始截取的位置
var end = start + maxLength;//结束截取的位置
//这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
//temp = value.substring(start, end) + "\n";
temp = value.substring(start, end) + (i == rowN - 1 ? "" : "\n");
ret += temp; //凭借最终的字符串
}
return ret;
}
else {
return value;
}
}
},
type: 'category',
data: xArr,
@@ -632,7 +631,7 @@
itemStyle: { normal: { color: 'rgba(206,143,135,1)' } }
}
]
category_Two('two', xArr, data,two2.xFontNum)
category_Two('two', xArr, data, two2.xFontNum)
</script>
<script type="text/javascript">
function category_Three(id, xArr, series) {
@@ -724,7 +723,7 @@
var series = [{
name: '质量验收一次合格率',
type: 'bar',
barGap:0,
barGap: 0,
data: three.series[0].data,
itemStyle: { normal: { color: 'rgba(43,155,176,1)' } }
},
@@ -732,7 +731,7 @@
name: '施工资料同步率',
type: 'bar',
data: three.series[1].data,
barCategoryGap:10,
barCategoryGap: 10,
itemStyle: { normal: { color: 'rgba(140,202,214, 1)' } }
}]
category_Three('three', xArr, series)
@@ -777,29 +776,28 @@
color: 'rgba(255, 255, 255, 0.8)'
},
interval: 0,
formatter:function(value)
{
var ret = "";//拼接加\n返回的类目项
var maxLength = 5;//每项显示文字个数
var valLength = value.length;//X轴类目项的文字个
var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
if (rowN > 1)//如果类目项的文字大于maxLength,
{
for (var i = 0; i < rowN; i++) {
var temp = "";//每次截取的字符串
var start = i * maxLength;//开始截取的位置
var end = start + maxLength;//结束截取的位置
//这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
//temp = value.substring(start, end) + "\n";
temp = value.substring(start, end) + (i == rowN -1 ? "" : "\n");
ret += temp; //凭借最终的字符串
}
return ret;
}
else {
return value;
}
}
formatter: function (value) {
var ret = "";//拼接加\n返回的类目项
var maxLength = 5;//每项显示文字个数
var valLength = value.length;//X轴类目项的文字个数
var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行
if (rowN > 1)//如果类目项的文字大于maxLength,
{
for (var i = 0; i < rowN; i++) {
var temp = "";//每次截取的字符串
var start = i * maxLength;//开始截取的位置
var end = start + maxLength;//结束截取的位置
//这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧
//temp = value.substring(start, end) + "\n";
temp = value.substring(start, end) + (i == rowN - 1 ? "" : "\n");
ret += temp; //凭借最终的字符串
}
return ret;
}
else {
return value;
}
}
},
type: 'category',
data: xArr
@@ -848,8 +846,8 @@
var series = [{
name: '质量验收一次合格率',
type: 'bar',
barWidth:30,
barGap:0,
barWidth: 30,
barGap: 0,
data: four.series[0].data,
itemStyle: { normal: { color: 'rgba(43,155,176,1)' } }
},
@@ -857,7 +855,7 @@
name: '施工资料同步率',
type: 'bar',
data: four.series[1].data,
barWidth:30,
barWidth: 30,
//barCategoryGap:20,
itemStyle: { normal: { color: 'rgba(140,202,214, 1)' } }
}];
@@ -975,7 +973,7 @@
];
num = two3.xFontNum;
}
category_Two('two', xArr, data,num)
category_Two('two', xArr, data, num)
}
else if (value == 3) {
//var xArr = ["分包1", "分包2", "分包3", "分包4", "分包5", "分包6"]
@@ -1029,17 +1027,17 @@
if (index == 2) {
xArr = four2.categories
series = [{
name: '质量验收一次合格率',
type: 'bar',
data: four2.series[0].data,
itemStyle: { normal: { color: 'rgba(43,155,176,1)' } }
},
{
name: '施工资料同步率',
type: 'bar',
data: four2.series[1].data,
itemStyle: { normal: { color: 'rgba(140,202,214, 1)' } }
}];
name: '质量验收一次合格率',
type: 'bar',
data: four2.series[0].data,
itemStyle: { normal: { color: 'rgba(43,155,176,1)' } }
},
{
name: '施工资料同步率',
type: 'bar',
data: four2.series[1].data,
itemStyle: { normal: { color: 'rgba(140,202,214, 1)' } }
}];
}
category('four', xArr, series)
}