356 lines
6.9 KiB
JavaScript
356 lines
6.9 KiB
JavaScript
|
||
var myChart71 = echarts.init(document.querySelector(".echart71"))
|
||
var myChart72 = echarts.init(document.querySelector(".echart72"))
|
||
|
||
$.post("https://sznbs.ningbo.gov.cn:89/nbszhjkzz/tojcms/getQuotaByTaksIdOrQuotaCode.do?parentQuotaCode=Q233995772651192323&systemName=government",function(data){
|
||
var d = unique(data.infoList)
|
||
var alls = countTotal(d,"targetValue")
|
||
$("#wushuizong").html(alls)
|
||
|
||
var option71 = {
|
||
tooltip: {
|
||
trigger: "item",
|
||
show: false,
|
||
showContent: true,
|
||
},
|
||
|
||
series: [{
|
||
// name: "Access From",
|
||
type: "pie",
|
||
radius: ["70%", "90%"],
|
||
avoidLabelOverlap: false,
|
||
label: {
|
||
show: true,
|
||
// position: "center",
|
||
},
|
||
|
||
labelLine: {
|
||
show: false,
|
||
},
|
||
data: [{
|
||
value: alls,
|
||
name: "100%",
|
||
label: {
|
||
position: "center",
|
||
fontSize: 18,
|
||
color: "#FE6900",
|
||
},
|
||
itemStyle: {
|
||
color: "#FE6900",
|
||
},
|
||
}, ],
|
||
}, ],
|
||
}
|
||
myChart71.setOption(option71)
|
||
|
||
//污水改造柱状图
|
||
|
||
var option72 = {
|
||
legend: {
|
||
show: true,
|
||
top: 5,
|
||
textStyle: {
|
||
fontSize: 16,
|
||
color: "#797979",
|
||
},
|
||
},
|
||
tooltip: {
|
||
trigger: "axis",
|
||
axisPointer: {
|
||
// 坐标轴指示器，坐标轴触发有效
|
||
type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
|
||
},
|
||
formatter: "{b}" + "{a0}" + ": " + "{c0}",
|
||
},
|
||
|
||
grid: {
|
||
left: "3%",
|
||
right: "0%",
|
||
bottom: 20,
|
||
top: "12%",
|
||
containLabel: true,
|
||
},
|
||
yAxis: [{
|
||
type: "value",
|
||
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: "#D5D5DF",
|
||
},
|
||
},
|
||
axisLabel: {
|
||
show: true,
|
||
formatter: "{value}",
|
||
textStyle: {
|
||
color: "#333",
|
||
fontSize: 16,
|
||
},
|
||
},
|
||
splitLine: {
|
||
//网格线
|
||
lineStyle: {
|
||
type: "dashed", //设置网格线类型 dotted：虚线 solid:实线
|
||
},
|
||
show: false, //隐藏或显示
|
||
},
|
||
axisTick: { show: true }, //坐标轴刻度
|
||
axisLine: { show: true }, //坐标轴轴线
|
||
}, ],
|
||
xAxis: {
|
||
type: "category",
|
||
axisTick: {
|
||
show: true,
|
||
alignWithLabel: true,
|
||
},
|
||
axisLabel: {
|
||
interval: 0,
|
||
margin: 13,
|
||
fontSize: 16,
|
||
color: "#333",
|
||
},
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: "#999",
|
||
},
|
||
},
|
||
data: [
|
||
"海曙区",
|
||
"江北区",
|
||
"北仑区",
|
||
"镇海区",
|
||
"鄞州区",
|
||
"奉化区",
|
||
"象山县",
|
||
"宁海县",
|
||
"余姚市",
|
||
"慈溪市",
|
||
"东钱湖",
|
||
"杭州湾",
|
||
],
|
||
},
|
||
series: [{
|
||
name: "目标值",
|
||
type: "bar",
|
||
barWidth: 20, //柱图宽度
|
||
color: "#76ddfb",
|
||
itemStyle: {
|
||
normal: {
|
||
color: "#2690f2", //改变折线点的颜色
|
||
lineStyle: {
|
||
color: "#2690f2", //改变折线颜色
|
||
},
|
||
},
|
||
},
|
||
data: d.map(item=>{
|
||
return item["targetValue"]
|
||
}),
|
||
},
|
||
{
|
||
name: "实际值",
|
||
type: "bar",
|
||
barWidth: 20, //柱图宽度
|
||
color: "#76ddfb",
|
||
itemStyle: {
|
||
normal: {
|
||
color: "#32c565", //改变折线点的颜色
|
||
lineStyle: {
|
||
color: "#32c565", //改变折线颜色
|
||
},
|
||
},
|
||
},
|
||
data: d.map(item=>{
|
||
return item["currentValue"]
|
||
}),
|
||
},
|
||
],
|
||
}
|
||
|
||
myChart72.setOption(option72)
|
||
|
||
})
|
||
|
||
var myChart73 = echarts.init(document.querySelector(".echart73"))
|
||
var myChart74 = echarts.init(document.querySelector(".echart74"))
|
||
|
||
$.post("https://sznbs.ningbo.gov.cn:89/nbszhjkzz/tojcms/getQuotaByTaksIdOrQuotaCode.do?parentQuotaCode=Q233987370675945475&systemName=government",function(data){
|
||
let d = unique(data.infoList)
|
||
let alls = countTotal(d,"targetValue")
|
||
$("#ywmub").html(alls)
|
||
var option73 = {
|
||
tooltip: {
|
||
trigger: "item",
|
||
show: false,
|
||
showContent: true,
|
||
},
|
||
series: [{
|
||
type: "pie",
|
||
radius: ["70%", "90%"],
|
||
avoidLabelOverlap: false,
|
||
label: {
|
||
show: true,
|
||
// position: "center",
|
||
},
|
||
|
||
labelLine: {
|
||
show: false,
|
||
},
|
||
data: [{
|
||
value: alls,
|
||
name: alls/alls*100 + "%",
|
||
label: {
|
||
position: "center",
|
||
fontSize: 18,
|
||
color: "#31C463",
|
||
},
|
||
itemStyle: {
|
||
color: "#31C463",
|
||
},
|
||
},
|
||
/* {
|
||
value: 36,
|
||
name: "36%",
|
||
itemStyle: {
|
||
color: "#EFEFEF",
|
||
},
|
||
label: {
|
||
show: false,
|
||
},
|
||
}, */
|
||
],
|
||
}, ],
|
||
}
|
||
myChart73.setOption(option73)
|
||
|
||
|
||
|
||
|
||
|
||
var option74 = {
|
||
tooltip: {
|
||
trigger: "axis",
|
||
axisPointer: {
|
||
// 坐标轴指示器，坐标轴触发有效
|
||
type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
|
||
},
|
||
formatter: "{b}" + "{a1}" + ": " + "{c0}",
|
||
},
|
||
legend: {
|
||
show: true,
|
||
textStyle: {
|
||
fontSize: 16,
|
||
color: "#797979",
|
||
},
|
||
top: 5,
|
||
|
||
// left: "left",
|
||
},
|
||
|
||
grid: {
|
||
left: "3%",
|
||
right: "0%",
|
||
bottom: 20,
|
||
top: "12%",
|
||
containLabel: true,
|
||
},
|
||
yAxis: [{
|
||
type: "value",
|
||
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: "#D5D5DF",
|
||
},
|
||
},
|
||
axisLabel: {
|
||
show: true,
|
||
formatter: "{value}",
|
||
textStyle: {
|
||
color: "#333",
|
||
fontSize: 16,
|
||
},
|
||
},
|
||
splitLine: {
|
||
//网格线
|
||
lineStyle: {
|
||
type: "dashed", //设置网格线类型 dotted：虚线 solid:实线
|
||
},
|
||
show: false, //隐藏或显示
|
||
},
|
||
axisTick: { show: true }, //坐标轴刻度
|
||
axisLine: { show: true }, //坐标轴轴线
|
||
}, ],
|
||
xAxis: {
|
||
type: "category",
|
||
axisTick: {
|
||
show: true,
|
||
alignWithLabel: true,
|
||
},
|
||
axisLabel: {
|
||
interval: 0,
|
||
margin: 13,
|
||
fontSize: 16,
|
||
color: "#333",
|
||
},
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: "#999",
|
||
},
|
||
},
|
||
data: [
|
||
"海曙区",
|
||
"江北区",
|
||
"北仑区",
|
||
"镇海区",
|
||
"鄞州区",
|
||
"奉化区",
|
||
"象山县",
|
||
"宁海县",
|
||
"余姚市",
|
||
"慈溪市",
|
||
],
|
||
},
|
||
series: [{
|
||
name: "实际值",
|
||
type: "bar",
|
||
stack: true,
|
||
barWidth: 20, //柱图宽度
|
||
color: "#76ddfb",
|
||
itemStyle: {
|
||
normal: {
|
||
color: "#2690f2", //改变折线点的颜色
|
||
lineStyle: {
|
||
color: "#2690f2", //改变折线颜色
|
||
},
|
||
},
|
||
},
|
||
data: d.map(item=>{
|
||
return item["targetValue"]
|
||
}),
|
||
},
|
||
{
|
||
name: "目标值",
|
||
type: "bar",
|
||
barWidth: 20, //柱图宽度
|
||
color: "#76ddfb",
|
||
itemStyle: {
|
||
normal: {
|
||
color: "#32c565", //改变折线点的颜色
|
||
lineStyle: {
|
||
color: "#32c565", //改变折线颜色
|
||
},
|
||
},
|
||
},
|
||
stack: true,
|
||
data: d.map(item=>{
|
||
return item["currentValue"]
|
||
}),
|
||
},
|
||
],
|
||
}
|
||
|
||
myChart74.setOption(option74)
|
||
})
|
||
|
||
|
||
|
||
|