chenrui
/
zdxtLawEnforcementCode
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1.综合分析页面柱状图X轴文字截断 

2.首页修改
v6
lijun 1 year ago
parent
774788bdd6
commit
a901ff937d
3 changed files with 58 additions and 27 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 60
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/scripts/charts-analyov.js
  2. 10
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/styles/home.css
  3. 15
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/home.html

60
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/scripts/charts-analyov.js
View File

@ -508,7 +508,7 @@ function chartRegType() {
{ {
name: '检查类别数量及占比', name: '检查类别数量及占比',
type: 'pie', type: 'pie',
radius: ['35%', '60%'], radius: ['42%', '60%'],
avoidLabelOverlap: false, avoidLabelOverlap: false,
itemStyle: { itemStyle: {
borderRadius: 0, borderRadius: 0,
@ -555,7 +555,7 @@ function chartEnterpriseType() {
{ {
name: '被检查企业类别数量及占比', name: '被检查企业类别数量及占比',
type: 'pie', type: 'pie',
radius: ['35%', '60%'], radius: ['42%', '60%'],
avoidLabelOverlap: false, avoidLabelOverlap: false,
itemStyle: { itemStyle: {
borderRadius: 0, borderRadius: 0,
@ -603,7 +603,7 @@ function chartComplaintType() {
{ {
name: '投诉类别数量及占比', name: '投诉类别数量及占比',
type: 'pie', type: 'pie',
radius: ['35%', '60%'], radius: ['42%', '60%'],
avoidLabelOverlap: false, avoidLabelOverlap: false,
itemStyle: { itemStyle: {
borderRadius: 0, borderRadius: 0,
@ -648,7 +648,7 @@ function chartComplaintType() {
}, },
grid: { grid: {
left: '0', left: '5%',
right: '0', right: '0',
bottom: '5%', bottom: '5%',
top: '15%', top: '15%',
@ -678,7 +678,12 @@ function chartComplaintType() {
textStyle: { textStyle: {
color: '#999', color: '#999',
fontSize: 12, fontSize: 12,
} },
formatter: function (value) {
// 设定一个最大长度，例如10个字符
const maxLength = 6;
return value.length > maxLength ? value.slice(0, maxLength) + '...' : value;
}
}, },
} }
], ],
@ -747,7 +752,7 @@ function chartComplaintType() {
}, },
grid: { grid: {
left: '0', left: '5%',
right: '0', right: '0',
bottom: '5%', bottom: '5%',
top: '15%', top: '15%',
@ -777,7 +782,12 @@ function chartComplaintType() {
textStyle: { textStyle: {
color: '#999', color: '#999',
fontSize: 12, fontSize: 12,
} },
formatter: function (value) {
// 设定一个最大长度，例如10个字符
const maxLength = 6;
return value.length > maxLength ? value.slice(0, maxLength) + '...' : value;
}
}, },
} }
], ],
@ -846,7 +856,7 @@ function chartComplaintType() {
}, },
grid: { grid: {
left: '0', left: '5%',
right: '0', right: '0',
bottom: '5%', bottom: '5%',
top: '15%', top: '15%',
@ -876,7 +886,12 @@ function chartComplaintType() {
textStyle: { textStyle: {
color: '#999', color: '#999',
fontSize: 12, fontSize: 12,
} },
formatter: function (value) {
// 设定一个最大长度，例如10个字符
const maxLength = 6;
return value.length > maxLength ? value.slice(0, maxLength) + '...' : value;
}
}, },
} }
], ],
@ -948,7 +963,7 @@ function chartComplaintType() {
}, },
grid: { grid: {
left: '0', left: '5%',
right: '0', right: '0',
bottom: '5%', bottom: '5%',
top: '15%', top: '15%',
@ -979,7 +994,12 @@ function chartComplaintType() {
textStyle: { textStyle: {
color: '#999', color: '#999',
fontSize: 12, fontSize: 12,
} },
formatter: function (value) {
// 设定一个最大长度，例如10个字符
const maxLength = 6;
return value.length > maxLength ? value.slice(0, maxLength) + '...' : value;
}
}, },
} }
], ],
@ -1051,7 +1071,7 @@ function chartComplaintType() {
}, },
grid: { grid: {
left: '0', left: '5%',
right: '0', right: '0',
bottom: '5%', bottom: '5%',
top: '15%', top: '15%',
@ -1082,7 +1102,12 @@ function chartComplaintType() {
textStyle: { textStyle: {
color: '#999', color: '#999',
fontSize: 12, fontSize: 12,
} },
formatter: function (value) {
// 设定一个最大长度，例如10个字符
const maxLength = 6;
return value.length > maxLength ? value.slice(0, maxLength) + '...' : value;
}
}, },
} }
], ],
@ -1156,7 +1181,7 @@ function chartComplaintType() {
}, },
grid: { grid: {
left: '0', left: '5%',
right: '0', right: '0',
bottom: '5%', bottom: '5%',
top: '15%', top: '15%',
@ -1187,7 +1212,12 @@ function chartComplaintType() {
textStyle: { textStyle: {
color: '#999', color: '#999',
fontSize: 12, fontSize: 12,
} },
formatter: function (value) {
// 设定一个最大长度，例如10个字符
const maxLength = 6;
return value.length > maxLength ? value.slice(0, maxLength) + '...' : value;
}
}, },
} }
], ],

10
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/styles/home.css
View File

@ -143,7 +143,7 @@ html, body {
.link_btn { .link_btn {
float: right; float: right;
margin: 0.45% 5% 2%; margin: 0.45% 5% 2%;
min-width: 26.5rem; min-width: 31rem;
height: 2rem; height: 2rem;
font-size: 1.2rem; font-size: 1.2rem;
line-height: 2; line-height: 2;
@ -151,8 +151,8 @@ html, body {
} }
.link_btn a { .link_btn a {
position: relative; position: relative;
margin: 3% 5%; margin: 3% 3%;
padding-left: 2.25rem; padding-left: 2rem;
opacity: .8; opacity: .8;
} }
.link_btn a:hover { .link_btn a:hover {
@ -165,11 +165,11 @@ html, body {
content: ""; content: "";
width: 1.75rem; width: 1.75rem;
height: 1.75rem; height: 1.75rem;
background: url(../images/icon_dist50.png) no-repeat; background: url(../images/icon_dept50.png) no-repeat;
background-size: 100% auto; background-size: 100% auto;
} }
.link_btn a:last-child::before { .link_btn a:last-child::before {
background: url(../images/icon_dept50.png) no-repeat; background: url(../images/icon_dist50.png) no-repeat;
background-size: 100% auto; background-size: 100% auto;
} }
.link_btn a::after { .link_btn a::after {

15
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/home.html
View File

@ -135,15 +135,16 @@
<div class="wrap_cent"> <div class="wrap_cent">
<div class="select_set"> <div class="select_set">
<div class="select_item"><span>深圳市</span> <div class="select_item"><span>深圳市</span>
<label class="select_time">2025年第1季度 <label class="select_time">2025-01-01 至 2025-03-31
<a></a> <a></a>
</label> </label>
</div> </div>
</div> </div>
<div class="link_btn"> <div class="link_btn">
<a href="overall-analysis">各区综合分析</a> <a href="/code/statisticalPanel/single-analysis">各市直执法部门综合分析</a>
<a href="overall-analysis">各区执法综合分析</a>
<!-- <a href="code/statisticalPanel/overall-analysis">各区综合分析</a>--> <!-- <a href="code/statisticalPanel/overall-analysis">各区综合分析</a>-->
<a href="/code/statisticalPanel/single-analysis">市直单位综合分析</a>
</div> </div>
<div class="count_box"> <div class="count_box">
<div class="count_item admin"> <div class="count_item admin">
@ -910,9 +911,9 @@ function chart_2(data) {
name:'行政检查类别数量及占比', name:'行政检查类别数量及占比',
type:'pie', type:'pie',
color: ['#4b7efe', '#0566e8', '#02a7a1', '#febf75','#dd5a73','#224ca8',"#9fe9b7","#26cee1",], color: ['#4b7efe', '#0566e8', '#02a7a1', '#febf75','#dd5a73','#224ca8',"#9fe9b7","#26cee1",],
radius : [35, 100], radius : [60, 80],
center : ['50%', '50%'], center : ['50%', '50%'],
roseType : 'area', //roseType : 'area',
label: { label: {
show: true, show: true,
formatter: "{b|{b}} " + "{b|:}" + "\n " + "{a|{c}}" + "\n " + "{d|({d}%)}", formatter: "{b|{b}} " + "{b|:}" + "\n " + "{a|{c}}" + "\n " + "{d|({d}%)}",
@ -938,8 +939,8 @@ function chart_2(data) {
labelLine: { labelLine: {
normal: { normal: {
show: true, show: true,
length: 5, length: 18,
length2: 2, length2: 10,
smooth: 0 smooth: 0
}, },
emphasis: { emphasis: {

Write Preview
Loading…
Cancel
Save