|
|
|
@ -108,10 +108,10 @@ |
|
|
|
</select> |
|
|
|
<select id="quarter" name="quarter"> |
|
|
|
<option value="">所有</option> |
|
|
|
<option value="1">第一季度</option> |
|
|
|
<option value="2">第二季度</option> |
|
|
|
<option value="3">第三季度</option> |
|
|
|
<option value="4">第四季度</option> |
|
|
|
<option value="1">第1季度</option> |
|
|
|
<option value="2">第2季度</option> |
|
|
|
<option value="3">第3季度</option> |
|
|
|
<option value="4">第4季度</option> |
|
|
|
</select> |
|
|
|
<select id="month" name="month"> |
|
|
|
<option value="">所有</option> |
|
|
|
@ -150,7 +150,7 @@ |
|
|
|
<p th:text="|占比 ${checkDouble}|"></p> |
|
|
|
</li>--> |
|
|
|
<li id="a" th:fragment="a"> |
|
|
|
<p th:text="|${year}年:|"></p> |
|
|
|
<p><span id="timeString"></span></p> |
|
|
|
<p><label th:text="涉企检查总数"></label><b th:text="${total}"></b></p> |
|
|
|
<p><label th:text="联合检查"></label><b th:text="${unite}"></b><span th:text="占比"></span><b th:text="${uniteDouble}"></b></p> |
|
|
|
<p><label th:text="${check}"></label><b th:text="${checkNumber}"></b><span th:text="占比"></span><b th:text="${checkDouble}"></b></p> |
|
|
|
@ -189,13 +189,14 @@ |
|
|
|
<option value="year">年度</option> |
|
|
|
<option value="quarter">季度</option> |
|
|
|
<option value="month">月度</option> |
|
|
|
<option value="select-time">自定义时段</option> |
|
|
|
</select> |
|
|
|
<select id="quarter2" name="quarter"> |
|
|
|
<option value="">所有</option> |
|
|
|
<option value="1">第一季度</option> |
|
|
|
<option value="2">第二季度</option> |
|
|
|
<option value="3">第三季度</option> |
|
|
|
<option value="4">第四季度</option> |
|
|
|
<option value="1">第1季度</option> |
|
|
|
<option value="2">第2季度</option> |
|
|
|
<option value="3">第3季度</option> |
|
|
|
<option value="4">第4季度</option> |
|
|
|
</select> |
|
|
|
<select id="month2" name="month"> |
|
|
|
<option value="">所有</option> |
|
|
|
@ -213,6 +214,12 @@ |
|
|
|
<option value="12">12月</option> |
|
|
|
</select> |
|
|
|
</li> |
|
|
|
<li id="select-time2" class="select-time"> |
|
|
|
<p>检查时间:</p> |
|
|
|
<input type="text" class="time-input" id="startTime2" placeholder="开始时间" name="beginTime"/> |
|
|
|
<span>-</span> |
|
|
|
<input type="text" class="time-input" id="endTime2" placeholder="结束时间" name="endTime"/> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a class="btn btn-success btn-sm" onclick="search2()"><i class="fa fa-search"></i> 搜索</a> |
|
|
|
<a class="btn btn-reset btn-sm" onclick="rest2()"><i class="fa fa-refresh"></i> 重置</a> |
|
|
|
@ -283,6 +290,8 @@ |
|
|
|
$("#select-time").hide(); |
|
|
|
$("#quarter2").hide(); |
|
|
|
$("#month2").hide(); |
|
|
|
$("#select-time2").hide(); |
|
|
|
getTimeString(); |
|
|
|
rTable(); |
|
|
|
echarts1(); |
|
|
|
echarts2(); |
|
|
|
@ -1084,15 +1093,58 @@ |
|
|
|
function timeType2() { |
|
|
|
var dateSearch = document.getElementById("dateSearch2"); |
|
|
|
console.log(dateSearch.value); |
|
|
|
/* if(dateSearch.value=="quarter"){ |
|
|
|
$("#quarter2").show(); |
|
|
|
$("#month2").hide(); |
|
|
|
document.getElementById("month2").value=""; |
|
|
|
}else if(dateSearch.value=="month"){ |
|
|
|
$("#quarter2").hide(); |
|
|
|
document.getElementById("quarter2").value=""; |
|
|
|
$("#month2").show(); |
|
|
|
}else { |
|
|
|
$("#quarter2").hide(); |
|
|
|
document.getElementById("quarter2").value=""; |
|
|
|
$("#month2").hide(); |
|
|
|
document.getElementById("month2").value=""; |
|
|
|
}*/ |
|
|
|
if(dateSearch.value=="quarter"){ |
|
|
|
$("#year2").show(); |
|
|
|
if(document.getElementById("year2").value==''){ |
|
|
|
document.getElementById("year2").value=currentYear; |
|
|
|
} |
|
|
|
$("#select-time2").hide(); |
|
|
|
document.getElementById("startTime2").value=""; |
|
|
|
document.getElementById("endTime2").value=""; |
|
|
|
$("#quarter2").show(); |
|
|
|
$("#month2").hide(); |
|
|
|
document.getElementById("month2").value=""; |
|
|
|
}else if(dateSearch.value=="month"){ |
|
|
|
$("#year2").show(); |
|
|
|
if(document.getElementById("year2").value==''){ |
|
|
|
document.getElementById("year2").value=currentYear; |
|
|
|
} |
|
|
|
$("#select-time2").hide(); |
|
|
|
document.getElementById("startTime2").value=""; |
|
|
|
document.getElementById("endTime2").value=""; |
|
|
|
$("#quarter2").hide(); |
|
|
|
document.getElementById("quarter2").value=""; |
|
|
|
$("#month2").show(); |
|
|
|
}else if(dateSearch.value=="select-time"){ |
|
|
|
$("#select-time2").show(); |
|
|
|
$("#year2").hide(); |
|
|
|
document.getElementById("year2").value=""; |
|
|
|
$("#quarter2").hide(); |
|
|
|
document.getElementById("quarter2").value=""; |
|
|
|
$("#month2").hide(); |
|
|
|
document.getElementById("month2").value=""; |
|
|
|
}else { |
|
|
|
$("#year2").show(); |
|
|
|
if(document.getElementById("year2").value==''){ |
|
|
|
document.getElementById("year2").value=currentYear; |
|
|
|
} |
|
|
|
$("#select-time2").hide(); |
|
|
|
document.getElementById("startTime2").value=""; |
|
|
|
document.getElementById("endTime2").value=""; |
|
|
|
$("#quarter2").hide(); |
|
|
|
document.getElementById("quarter2").value=""; |
|
|
|
$("#month2").hide(); |
|
|
|
@ -1109,6 +1161,7 @@ |
|
|
|
data:params, |
|
|
|
success: function (response) { |
|
|
|
$('#a').html(response); |
|
|
|
getTimeString(); |
|
|
|
} |
|
|
|
}) |
|
|
|
/*var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId; |
|
|
|
@ -1135,6 +1188,43 @@ |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
function getTimeString(){ |
|
|
|
if(document.getElementById("dateSearch").value=="year"){ |
|
|
|
$("#timeString").text(document.getElementById("year").value+"年") |
|
|
|
}else if(document.getElementById("dateSearch").value=="quarter"){ |
|
|
|
let doc=document.getElementById("quarter") |
|
|
|
let index=doc.selectedIndex |
|
|
|
let text=document.getElementById("year").value+"年" |
|
|
|
if(doc.value!=null&&doc.value!=""){ |
|
|
|
text=text+doc.options[index].text; |
|
|
|
} |
|
|
|
$("#timeString").text(text); |
|
|
|
}else if(document.getElementById("dateSearch").value=="month"){ |
|
|
|
let doc=document.getElementById("month") |
|
|
|
let index=doc.selectedIndex |
|
|
|
let text=document.getElementById("year").value+"年" |
|
|
|
if(doc.value!=null&&doc.value!=""){ |
|
|
|
text=text+doc.options[index].text; |
|
|
|
} |
|
|
|
$("#timeString").text(text); |
|
|
|
}else if(document.getElementById("dateSearch").value=="select-time"){ |
|
|
|
let beginTime=document.getElementById("startTime").value; |
|
|
|
let endTime=document.getElementById("endTime").value; |
|
|
|
console.log(beginTime); |
|
|
|
console.log(endTime); |
|
|
|
if(beginTime!=null&&beginTime!=""){ |
|
|
|
if(endTime!=null&&endTime!=""){ |
|
|
|
$("#timeString").text(beginTime+"~"+endTime); |
|
|
|
}else{ |
|
|
|
$("#timeString").text(beginTime+"~"); |
|
|
|
} |
|
|
|
}else if(endTime!=null&&endTime!=""){ |
|
|
|
$("#timeString").text("~"+endTime); |
|
|
|
}else{ |
|
|
|
$("#timeString").text("~"); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
function zhanbi (){ |
|
|
|
$.ajax({ |
|
|
|
url:prefix+'/searchType', |
|
|
|
@ -1257,740 +1347,6 @@ |
|
|
|
console.log(paramsList.join("&")) |
|
|
|
window.location.href = prefix +"/exportUser?"+paramsList.join("&") |
|
|
|
} |
|
|
|
/*******2.年度计划TOP10********/ |
|
|
|
|
|
|
|
/*var myChart = echarts.init(document.getElementById('echarts2')); |
|
|
|
var option = { |
|
|
|
|
|
|
|
color:["#2d4beb","#03a978",], |
|
|
|
legend: { |
|
|
|
y : '10%', |
|
|
|
x : 'center', |
|
|
|
data:['2024年', '2025年'], |
|
|
|
itemWidth: 16, |
|
|
|
itemHeight: 10, |
|
|
|
itemGap: 30, |
|
|
|
textStyle : { |
|
|
|
color : 'rgba(0,0,0,.5)', |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
calculable :false, |
|
|
|
|
|
|
|
|
|
|
|
grid:{ |
|
|
|
left: '1%', |
|
|
|
right: '2%', |
|
|
|
bottom: '1%', |
|
|
|
top: '20%', |
|
|
|
containLabel: true |
|
|
|
}, |
|
|
|
|
|
|
|
tooltip : { |
|
|
|
trigger: 'axis', |
|
|
|
axisPointer : { |
|
|
|
type : 'shadow' |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
xAxis : [ |
|
|
|
{ |
|
|
|
type : 'category', |
|
|
|
data:['执法部门1', '执法部门2', '执法部门3', '执法部门4', '执法部门5', '执法部门6', '执法部门7', '执法部门8', '执法部门9', '执法部门10'], |
|
|
|
axisLabel: { |
|
|
|
show: true, |
|
|
|
rotate: '30', |
|
|
|
textStyle: { |
|
|
|
color: 'rgba(0,0,0,.5)' |
|
|
|
} |
|
|
|
}, |
|
|
|
splitLine:{ |
|
|
|
lineStyle:{ |
|
|
|
width:0, |
|
|
|
type:'solid' |
|
|
|
} |
|
|
|
}, |
|
|
|
inverse: 'true', |
|
|
|
axisLine: { |
|
|
|
show: false, |
|
|
|
}, |
|
|
|
axisTick: { |
|
|
|
show: false |
|
|
|
} |
|
|
|
} |
|
|
|
], |
|
|
|
|
|
|
|
|
|
|
|
yAxis : [ |
|
|
|
{ |
|
|
|
type : 'value', |
|
|
|
axisLabel: { |
|
|
|
show: true, |
|
|
|
textStyle: { |
|
|
|
color: 'rgba(0,0,0,.5)' |
|
|
|
} |
|
|
|
}, |
|
|
|
splitLine:{ |
|
|
|
lineStyle:{ |
|
|
|
color:['#f2f2f2'], |
|
|
|
width:0, |
|
|
|
type:'solid', |
|
|
|
} |
|
|
|
}, |
|
|
|
axisLine: { |
|
|
|
show: false, |
|
|
|
}, |
|
|
|
axisTick: { |
|
|
|
show: false |
|
|
|
} |
|
|
|
} |
|
|
|
], |
|
|
|
|
|
|
|
series : [ |
|
|
|
{ |
|
|
|
name:'2024年', |
|
|
|
type:'bar', |
|
|
|
barWidth: 15, |
|
|
|
barGap: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '总量', |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#3977E6'}, |
|
|
|
{offset: 1, color: '#37BBF8'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[71, 61, 58, 69, 75, 68, 72, 53, 48, 46], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2025年', |
|
|
|
type:'bar', |
|
|
|
barWidth: 15, |
|
|
|
barGap: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '总量', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#03a978'}, |
|
|
|
{offset: 1, color: '#2cfbbe'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[70, 52, 58, 67, 65, 58, 45, 49, 72, 63] |
|
|
|
}, |
|
|
|
] |
|
|
|
}; |
|
|
|
// 使用刚指定的配置项和数据显示图表。 |
|
|
|
myChart.setOption(option); |
|
|
|
window.addEventListener("resize",function(){ |
|
|
|
myChart.resize(); |
|
|
|
}); |
|
|
|
|
|
|
|
/!*******3.季度计划TOP10********!/ |
|
|
|
|
|
|
|
var myChart = echarts.init(document.getElementById('echarts3')); |
|
|
|
var option = { |
|
|
|
|
|
|
|
color:["#2d4beb","#03a978",'#1f74f1', '#79e24a'], |
|
|
|
legend: { |
|
|
|
y : '10%', |
|
|
|
x : 'center', |
|
|
|
data:['2024年一季度', '2024年二季度', '2024年三季度', '2024年四季度'], |
|
|
|
itemWidth: 16, |
|
|
|
itemHeight: 10, |
|
|
|
itemGap: 30, |
|
|
|
textStyle : { |
|
|
|
color : 'rgba(0,0,0,.5)', |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
calculable :false, |
|
|
|
|
|
|
|
|
|
|
|
grid:{ |
|
|
|
left: '1%', |
|
|
|
right: '2%', |
|
|
|
bottom: '1%', |
|
|
|
top: '20%', |
|
|
|
containLabel: true |
|
|
|
}, |
|
|
|
|
|
|
|
tooltip : { |
|
|
|
trigger: 'axis', |
|
|
|
axisPointer : { |
|
|
|
type : 'shadow' |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
xAxis : [ |
|
|
|
{ |
|
|
|
type : 'category', |
|
|
|
data:['执法部门1', '执法部门2', '执法部门3', '执法部门4', '执法部门5', '执法部门6', '执法部门7', '执法部门8', '执法部门9', '执法部门10'], |
|
|
|
axisLabel: { |
|
|
|
show: true, |
|
|
|
rotate: '30', |
|
|
|
textStyle: { |
|
|
|
color: 'rgba(0,0,0,.5)' |
|
|
|
} |
|
|
|
}, |
|
|
|
splitLine:{ |
|
|
|
lineStyle:{ |
|
|
|
width:0, |
|
|
|
type:'solid' |
|
|
|
} |
|
|
|
}, |
|
|
|
inverse: 'true', |
|
|
|
axisLine: { |
|
|
|
show: false, |
|
|
|
}, |
|
|
|
axisTick: { |
|
|
|
show: false |
|
|
|
} |
|
|
|
} |
|
|
|
], |
|
|
|
|
|
|
|
|
|
|
|
yAxis : [ |
|
|
|
{ |
|
|
|
type : 'value', |
|
|
|
axisLabel: { |
|
|
|
show: true, |
|
|
|
textStyle: { |
|
|
|
color: 'rgba(0,0,0,.5)' |
|
|
|
} |
|
|
|
}, |
|
|
|
splitLine:{ |
|
|
|
lineStyle:{ |
|
|
|
color:['#f2f2f2'], |
|
|
|
width:0, |
|
|
|
type:'solid', |
|
|
|
} |
|
|
|
}, |
|
|
|
axisLine: { |
|
|
|
show: false, |
|
|
|
}, |
|
|
|
axisTick: { |
|
|
|
show: false |
|
|
|
} |
|
|
|
} |
|
|
|
], |
|
|
|
|
|
|
|
series : [ |
|
|
|
{ |
|
|
|
name:'2024年一季度', |
|
|
|
type:'bar', |
|
|
|
barWidth: 15, |
|
|
|
barGap: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '总量', |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#055fe4'}, |
|
|
|
{offset: 1, color: '#37BBF8'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[71, 61, 58, 69, 75, 68, 72, 53, 48, 46], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年二季度', |
|
|
|
type:'bar', |
|
|
|
barWidth: 15, |
|
|
|
barGap: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '总量', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#03a978'}, |
|
|
|
{offset: 1, color: '#2cfbbe'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[70, 52, 58, 67, 65, 58, 45, 49, 72, 63] |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年三季度', |
|
|
|
type:'bar', |
|
|
|
barWidth: 15, |
|
|
|
barGap: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '总量', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
|
|
|
|
{offset: 0, color: '#4f99ff'}, |
|
|
|
{offset: 1, color: '#55d9fa'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[70, 52, 58, 67, 65, 58, 45, 49, 72, 63] |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年四季度', |
|
|
|
type:'bar', |
|
|
|
barWidth: 15, |
|
|
|
barGap: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '总量', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#05cbc8'}, |
|
|
|
{offset: 1, color: '#1af0ed'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[70, 52, 58, 67, 65, 58, 45, 49, 72, 63] |
|
|
|
}, |
|
|
|
] |
|
|
|
}; |
|
|
|
// 使用刚指定的配置项和数据显示图表。 |
|
|
|
myChart.setOption(option); |
|
|
|
window.addEventListener("resize",function(){ |
|
|
|
myChart.resize(); |
|
|
|
}); |
|
|
|
|
|
|
|
/!*******4.月度计划TOP10********!/ |
|
|
|
|
|
|
|
var myChart = echarts.init(document.getElementById('echarts4')); |
|
|
|
var option = { |
|
|
|
|
|
|
|
color:["#2d4beb","#03a978",], |
|
|
|
legend: { |
|
|
|
y : '10%', |
|
|
|
x : 'center', |
|
|
|
data:['2024年一季度', '2024年二季度', '2024年三季度', '2024年四季度'], |
|
|
|
itemWidth: 16, |
|
|
|
itemHeight: 10, |
|
|
|
itemGap: 30, |
|
|
|
textStyle : { |
|
|
|
color : 'rgba(0,0,0,.5)', |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
calculable :false, |
|
|
|
|
|
|
|
|
|
|
|
grid:{ |
|
|
|
left: '1%', |
|
|
|
right: '2%', |
|
|
|
bottom: '1%', |
|
|
|
top: '20%', |
|
|
|
containLabel: true |
|
|
|
}, |
|
|
|
|
|
|
|
tooltip : { |
|
|
|
trigger: 'axis', |
|
|
|
axisPointer : { |
|
|
|
type : 'shadow' |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
xAxis : [ |
|
|
|
{ |
|
|
|
type : 'category', |
|
|
|
data:['执法部门1', '执法部门2', '执法部门3', '执法部门4', '执法部门5', '执法部门6', '执法部门7', '执法部门8', '执法部门9', '执法部门10'], |
|
|
|
axisLabel: { |
|
|
|
show: true, |
|
|
|
rotate: '30', |
|
|
|
textStyle: { |
|
|
|
color: 'rgba(0,0,0,.5)' |
|
|
|
} |
|
|
|
}, |
|
|
|
splitLine:{ |
|
|
|
lineStyle:{ |
|
|
|
width:0, |
|
|
|
type:'solid' |
|
|
|
} |
|
|
|
}, |
|
|
|
inverse: 'true', |
|
|
|
axisLine: { |
|
|
|
show: false, |
|
|
|
}, |
|
|
|
axisTick: { |
|
|
|
show: false |
|
|
|
} |
|
|
|
} |
|
|
|
], |
|
|
|
|
|
|
|
|
|
|
|
yAxis : [ |
|
|
|
{ |
|
|
|
type : 'value', |
|
|
|
axisLabel: { |
|
|
|
show: true, |
|
|
|
textStyle: { |
|
|
|
color: 'rgba(0,0,0,.5)' |
|
|
|
}, |
|
|
|
/!*formatter: (value) => { |
|
|
|
const list = ['差', '较差', '','较好','', '好'] |
|
|
|
return list[value/20] |
|
|
|
}*!/ |
|
|
|
}, |
|
|
|
|
|
|
|
splitLine:{ |
|
|
|
lineStyle:{ |
|
|
|
color:['#f2f2f2'], |
|
|
|
width:0, |
|
|
|
type:'solid', |
|
|
|
} |
|
|
|
}, |
|
|
|
axisLine: { |
|
|
|
show: false, |
|
|
|
}, |
|
|
|
axisTick: { |
|
|
|
show: false |
|
|
|
} |
|
|
|
} |
|
|
|
], |
|
|
|
|
|
|
|
series : [ |
|
|
|
{ |
|
|
|
name:'2024年1月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '一季度', |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#074197'}, |
|
|
|
{offset: 1, color: '#1f74f1'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[71, 61, 58, 69, 75, 68, 72, 53, 48, 46], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年2月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '一季度', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#055fe4'}, |
|
|
|
{offset: 1, color: '#37BBF8'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[36, 42, 38, 27, 15, 31, 25, 19, 22, 43] |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年3月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '一季度', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#0164eb'}, |
|
|
|
{offset: 1, color: '#c3dcfe'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[40, 32, 28, 27, 35, 28, 25, 39, 42, 33] |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年4月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '二季度', |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#238065'}, |
|
|
|
{offset: 1, color: '#07d398'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[36, 31, 28, 29, 25, 28, 22, 23, 38, 36], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年5月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '二季度', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#0fa97c'}, |
|
|
|
{offset: 1, color: '#01d899'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[64, 72, 68, 67, 65, 78, 75, 69, 57, 81] |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年6月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '二季度', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#02ca90'}, |
|
|
|
{offset: 1, color: '#05fab3'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[50, 52, 84, 73, 53, 58, 44, 49, 62, 63] |
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
name:'2024年7月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '三季度', |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#036291'}, |
|
|
|
{offset: 1, color: '#50a1ff'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[71, 61, 58, 69, 75, 68, 72, 53, 48, 46], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年8月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '三季度', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#046a9d'}, |
|
|
|
{offset: 1, color: '#3cc9fe'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[70, 52, 58, 67, 65, 58, 45, 49, 72, 63] |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年9月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '三季度', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#1391c6'}, |
|
|
|
{offset: 1, color: '#6dd3fe'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[70, 52, 58, 67, 65, 58, 45, 49, 72, 63] |
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
name:'2024年10月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '四季度', |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#083f8a'}, |
|
|
|
{offset: 1, color: '#0df2f1'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[61, 52, 58, 69, 75, 68, 72, 53, 48, 56], |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年11月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '四季度', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#096aa3'}, |
|
|
|
{offset: 1, color: '#0cd7d4'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[72, 71, 78, 77, 65, 68, 55, 59, 72, 63] |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:'2024年12月', |
|
|
|
type:'bar', |
|
|
|
barGap: '-5%', |
|
|
|
barWidth: 15, |
|
|
|
smooth: false, |
|
|
|
stack: '四季度', |
|
|
|
//itemStyle : { normal: {label : {show: true, position: 'insideRight'}}}, |
|
|
|
itemStyle: { |
|
|
|
emphasis: { |
|
|
|
barBorderRadius: 0 |
|
|
|
},normal: { |
|
|
|
barBorderRadius: 0, |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, 0, 1, 0, |
|
|
|
[ |
|
|
|
{offset: 0, color: '#2790a6'}, |
|
|
|
{offset: 1, color: '#1df1e5'} |
|
|
|
|
|
|
|
] |
|
|
|
) |
|
|
|
}}, |
|
|
|
data:[80, 82, 88, 87, 85, 88, 75, 79, 72, 73] |
|
|
|
}, |
|
|
|
|
|
|
|
] |
|
|
|
}; |
|
|
|
// 使用刚指定的配置项和数据显示图表。 |
|
|
|
myChart.setOption(option); |
|
|
|
window.addEventListener("resize",function(){ |
|
|
|
myChart.resize(); |
|
|
|
});*/ |
|
|
|
</script> |
|
|
|
</body> |
|
|
|
</html> |