@ -212,15 +212,15 @@
< div class = "chart-box" id = "container3" style = "width: 500px; height: 500px;" > < / div >
< div class = "chart-box" id = "container3" style = "width: 500px; height: 500px;" > < / div >
< div class = "chart-box" id = "container4" style = "width: 500px; height: 500px;" > < / div > -->
< div class = "chart-box" id = "container4" style = "width: 500px; height: 500px;" > < / div > -->
< div class = "chart-box" >
< div class = "chart-box" >
< h3 class = "chart-title" > 2024年年度 执法检查排行(TOP10)< / h3 >
< h3 class = "chart-title" > < span id = "echarts2-title" class = "chart-title" > < / span > 执法检查排行(TOP10)< / h3 >
< div class = "echarts" id = "echarts2" style = "width: 800px; height: 300px;" > < / div >
< div class = "echarts" id = "echarts2" style = "width: 800px; height: 300px;" > < / div >
< / div >
< / div >
< div class = "chart-box" >
< div class = "chart-box" >
< h3 class = "chart-title" > 2024年季度 执法检查排行(TOP10)< / h3 >
< h3 class = "chart-title" > < span id = "echarts3-title" class = "chart-title" > < / span > 执法检查排行(TOP10)< / h3 >
< div class = "echarts" id = "echarts3" style = "width: 600px; height: 300px;" > < / div >
< div class = "echarts" id = "echarts3" style = "width: 600px; height: 300px;" > < / div >
< / div >
< / div >
< div class = "chart-box" >
< div class = "chart-box" >
< h3 class = "chart-title" > 2024年月度 执法检查排行(TOP10)< / h3 >
< h3 class = "chart-title" > < span id = "echarts4-title" class = "chart-title" > < / span > 执法检查排行(TOP10)< / h3 >
< div class = "echarts" id = "echarts4" style = "width: 800px; height: 300px;" > < / div >
< div class = "echarts" id = "echarts4" style = "width: 800px; height: 300px;" > < / div >
< / div >
< / div >
< / div >
< / div >
@ -250,6 +250,9 @@
var rowData=[];
var rowData=[];
/*var echart1=echarts.init(document.getElementById('container1'));*/
/*var echart1=echarts.init(document.getElementById('container1'));*/
var echart1=echarts.init(document.getElementById('echartRegistration'));
var echart1=echarts.init(document.getElementById('echartRegistration'));
var echart2=echarts.init(document.getElementById('echarts2'));
var echart3=echarts.init(document.getElementById('echarts3'));
var echart4=echarts.init(document.getElementById('echarts4'));
/*var echart2=echarts.init(document.getElementById('container2'));
/*var echart2=echarts.init(document.getElementById('container2'));
var echart3=echarts.init(document.getElementById('container3'));
var echart3=echarts.init(document.getElementById('container3'));
var echart4=echarts.init(document.getElementById('container4'));*/
var echart4=echarts.init(document.getElementById('container4'));*/
@ -474,7 +477,8 @@
currentId.resize();
currentId.resize();
});*/
});*/
}
}
/*function echarts2(){
function echarts2(){
$("#echarts2-title").text(currentYear+'年年度');
$.ajax({
$.ajax({
url: prefix + '/echarts2',
url: prefix + '/echarts2',
type: 'POST',
type: 'POST',
@ -490,22 +494,90 @@
ydata.push(e.value)
ydata.push(e.value)
});
});
var option2 = {
var option2 = {
tooltip: {},
calculable :false,
xAxis: {
grid:{
data:xdata,
left: '1%',
right: '2%',
bottom: '1%',
top: '20%',
containLabel: true
},
},
yAxis: {
tooltip : {
axisPointer : {
type : 'shadow'
}
},
},
legend:{
xAxis: [{
data: xdata,
axisLabel: {
show: true,
rotate: '30',
textStyle: {
color: 'rgba(0,0,0,.5)'
}
},
splitLine: {
lineStyle: {
width: 0,
type: 'solid'
}
},
axisLine: {
show: false,
},
axisTick: {
show: false
}
}],
yAxis: [{
type : 'value',
axisLabel: {
show: true,
textStyle: {
color: 'rgba(0,0,0,.5)'
}
},
splitLine:{
lineStyle:{
color:['#f2f2f2'],
width:1.5,
type:'solid',
}
},
axisLine: {
show: false,
},
axisTick: {
show: false
}
}],
/*legend:{
data:[currentYear+'年年度执法检查排行(TOP10)']
data:[currentYear+'年年度执法检查排行(TOP10)']
},
},*/
series:[
series:[
{
{
name:currentYear+'年年度执法检查排行(TOP10)',
name:currentYear+'年年度执法检查排行(TOP10)',
data:ydata,
data:ydata,
type:'bar',
type:'bar',
color: "rgba(24, 116, 205, 1)",
barWidth: 15,
barWidth: 50
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'}
]
)
}},
}
}
]
]
};
};
@ -514,6 +586,7 @@
})
})
}
}
function echarts3(){
function echarts3(){
$("#echarts3-title").text(currentYear+'年'+currentQuarter);
$.ajax({
$.ajax({
url: prefix + '/echarts3',
url: prefix + '/echarts3',
type: 'POST',
type: 'POST',
@ -528,22 +601,91 @@
ydata.push(e.value)
ydata.push(e.value)
});
});
var option3 = {
var option3 = {
tooltip: {},
calculable :false,
xAxis: {
grid:{
data:xdata,
left: '1%',
right: '2%',
bottom: '1%',
top: '20%',
containLabel: true
},
},
yAxis: {
tooltip : {
axisPointer : {
type : 'shadow'
}
},
},
legend:{
xAxis: [{
data:xdata,
axisLabel: {
show: true,
rotate: '30',
textStyle: {
color: 'rgba(0,0,0,.5)'
}
},
splitLine: {
lineStyle: {
width: 0,
type: 'solid'
}
},
axisLine: {
show: false,
},
axisTick: {
show: false
}
}],
yAxis: [{
type : 'value',
axisLabel: {
show: true,
textStyle: {
color: 'rgba(0,0,0,.5)'
}
},
splitLine:{
lineStyle:{
color:['#f2f2f2'],
width:1.5,
type:'solid',
}
},
axisLine: {
show: false,
},
axisTick: {
show: false
}
}],
/*legend:{
data:[currentYear+'年'+currentQuarter+'执法检查排行(TOP10)']
data:[currentYear+'年'+currentQuarter+'执法检查排行(TOP10)']
},
},*/
series:[
series:[
{
{
name:currentYear+'年'+currentQuarter+'执法检查排行(TOP10)',
name: currentYear + '年' + currentQuarter + '执法检查排行(TOP10)',
data:ydata,
data: ydata,
type:'bar',
type: 'bar',
color: "rgba(24, 116, 205, 1)",
barWidth: 15,
barWidth: 50
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'}
]
)
}
},
}
}
]
]
};
};
@ -552,6 +694,7 @@
})
})
}
}
function echarts4(){
function echarts4(){
$("#echarts4-title").text(currentYear+'年'+currentMonth+'月');
$.ajax({
$.ajax({
url: prefix + '/echarts4',
url: prefix + '/echarts4',
type: 'POST',
type: 'POST',
@ -566,29 +709,98 @@
ydata.push(e.value)
ydata.push(e.value)
});
});
var option4 = {
var option4 = {
tooltip: {},
calculable :false,
xAxis: {
grid:{
data:xdata,
left: '1%',
right: '2%',
bottom: '1%',
top: '20%',
containLabel: true
},
},
yAxis: {
tooltip : {
axisPointer : {
type : 'shadow'
}
},
},
legend:{
xAxis: [{
data:xdata,
axisLabel: {
show: true,
rotate: '30',
textStyle: {
color: 'rgba(0,0,0,.5)'
}
},
splitLine: {
lineStyle: {
width: 0,
type: 'solid'
}
},
axisLine: {
show: false,
},
axisTick: {
show: false
}
}],
yAxis: [{
type : 'value',
axisLabel: {
show: true,
textStyle: {
color: 'rgba(0,0,0,.5)'
}
},
splitLine:{
lineStyle:{
color:['#f2f2f2'],
width:1.5,
type:'solid',
}
},
axisLine: {
show: false,
},
axisTick: {
show: false
}
}],
/*legend:{
data:[currentYear+'年'+currentMonth+'月执法检查排行(TOP10)']
data:[currentYear+'年'+currentMonth+'月执法检查排行(TOP10)']
},
},*/
series:[
series:[
{
{
name:currentYear+'年'+currentMonth+'月执法检查排行(TOP10)',
name:currentYear+'年'+currentMonth+'月执法检查排行(TOP10)',
data:ydata,
data:ydata,
type:'bar',
type: 'bar',
color: "rgba(24, 116, 205, 1)",
barWidth: 15,
barWidth: 50
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'}
]
)
}
},
}
}
]
]
};
};
echart4.setOption(option4);
echart4.setOption(option4);
}
}
})
})
}*/
}
$(function() {
$(function() {
var options2 = {
var options2 = {
@ -866,7 +1078,7 @@
/*******2.年度计划TOP10********/
/*******2.年度计划TOP10********/
var myChart = echarts.init(document.getElementById('echarts2'));
/* var myChart = echarts.init(document.getElementById('echarts2'));
var option = {
var option = {
color:["#2d4beb","#03a978",],
color:["#2d4beb","#03a978",],
@ -1011,7 +1223,7 @@
myChart.resize();
myChart.resize();
});
});
/*******3.季度计划TOP10********/
/! *******3.季度计划TOP10********! /
var myChart = echarts.init(document.getElementById('echarts3'));
var myChart = echarts.init(document.getElementById('echarts3'));
var option = {
var option = {
@ -1207,7 +1419,7 @@
myChart.resize();
myChart.resize();
});
});
/*******4.月度计划TOP10********/
/! *******4.月度计划TOP10********! /
var myChart = echarts.init(document.getElementById('echarts4'));
var myChart = echarts.init(document.getElementById('echarts4'));
var option = {
var option = {
@ -1281,10 +1493,10 @@
textStyle: {
textStyle: {
color: 'rgba(0,0,0,.5)'
color: 'rgba(0,0,0,.5)'
},
},
/*formatter: (value) => {
/! *formatter: (value) => {
const list = ['差', '较差', '','较好','', '好']
const list = ['差', '较差', '','较好','', '好']
return list[value/20]
return list[value/20]
}*/
}*! /
},
},
splitLine:{
splitLine:{
@ -1597,7 +1809,7 @@
myChart.setOption(option);
myChart.setOption(option);
window.addEventListener("resize",function(){
window.addEventListener("resize",function(){
myChart.resize();
myChart.resize();
});
});*/
< / script >
< / script >
< / body >
< / body >
< / html >
< / html >