-
+
-
+
-
@@ -99,7 +99,7 @@
+
diff --git a/src/app/statistic-analysis/home/home.component.ts b/src/app/statistic-analysis/home/home.component.ts
index 50f6d9b..a0d8915 100644
--- a/src/app/statistic-analysis/home/home.component.ts
+++ b/src/app/statistic-analysis/home/home.component.ts
@@ -310,8 +310,8 @@ export class HomeComponent implements OnInit {
{
name: '访问来源',
type: 'pie',
- radius: '65%',
- center: ['50%', '67%'],
+ radius: '60%',
+ center: ['50%', '58%'],
label:{
show:true,
//fontSize:10,
@@ -354,8 +354,8 @@ export class HomeComponent implements OnInit {
{
name: '访问来源',
type: 'pie',
- radius: '65%',
- center: ['50%', '67%'],
+ radius: '60%',
+ center: ['50%', '58%'],
label:{
show:true,
formatter:'{b}\n{d|{c}份}',
@@ -395,7 +395,6 @@ export class HomeComponent implements OnInit {
//新增、删除单位统计
chartDwsjcj
chartDwsjcjOptionsZhi = {
- // color: ['#FB33C2', '#00CFF0', '#2C3DE0'],
// 标题
title: {
text: '新增、删除单位统计',
@@ -405,6 +404,7 @@ export class HomeComponent implements OnInit {
grid: {
left: 30,
right: 0,
+ bottom:20
},
//图例
legend: {
diff --git a/src/app/statistic-analysis/state/page-two-time/page-two-time.component.html b/src/app/statistic-analysis/state/page-two-time/page-two-time.component.html
index 89a5e27..758f8c8 100644
--- a/src/app/statistic-analysis/state/page-two-time/page-two-time.component.html
+++ b/src/app/statistic-analysis/state/page-two-time/page-two-time.component.html
@@ -11,7 +11,7 @@
-
+
月
年
diff --git a/src/app/statistic-analysis/state/page-two-time/page-two-time.component.ts b/src/app/statistic-analysis/state/page-two-time/page-two-time.component.ts
index 8197339..2cea2c5 100644
--- a/src/app/statistic-analysis/state/page-two-time/page-two-time.component.ts
+++ b/src/app/statistic-analysis/state/page-two-time/page-two-time.component.ts
@@ -37,6 +37,7 @@ export class PageTwoTimeComponent implements OnInit {
toggleFalse () {
this.isQuery = false
this.echartsData.statefulInspectionToggle = true
+ this.selectType = 'month'
}
//返回
@@ -46,12 +47,18 @@ export class PageTwoTimeComponent implements OnInit {
selectType:string = 'month'; //选择当前的 查询类型 按月/年
+ changeTime (e) {
+ let data = e.value
+ this.appEcharts.changeTime(data)
+ }
+
//查询数据
years:any = []
selectMonth:any = [1,2,3,4,5,6,7,8,9,10,11,12]
tiaoshiPao:any
datayuey=[270, 253, 244, 199, 189, 173, 160, 198,200]
datayuex=['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月','9月']
+
//气泡提示数据获取
bianli(){
var arrshuzu='[';
@@ -61,8 +68,6 @@ export class PageTwoTimeComponent implements OnInit {
arrshuzu=arrshuzu.substring(0,arrshuzu.length-1)
arrshuzu+=']'
this.tiaoshiPao=JSON.parse(arrshuzu)
- console.log(this.tiaoshiPao)
- //return tishiPao
}
//日期初始化
@@ -137,9 +142,11 @@ export class echartsComponent implements OnInit {
constructor(public snackBar: MatSnackBar,private adapter: DateAdapter,public echartsData:EchartsDataService) { }
tiaoshiPao:any
- datayuey=[270, 253, 244, 199, 189, 173, 160, 198,200]
+ datayuey=[270, 253, 244, 199, 189, 173, 160, 198, 200]
datayuex=['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月','9月']
- //气泡提示数据获取
+ dataYearX = ['2020','2020']
+ dataYearY = [1078, 936]
+ //气泡提示数据获取
bianli(){
var arrshuzu='[';
for(var i=0;i{
@@ -178,15 +183,47 @@ export class echartsComponent implements OnInit {
this.sixExample.dispose()
}
+ changeTime (e) {
+ this.oneExample.clear()
+ this.oneExample.dispose()
+ this.twoExample.clear()
+ this.twoExample.dispose()
+ this.threeExample.clear()
+ this.threeExample.dispose()
+ this.fourExample.clear()
+ this.fourExample.dispose()
+ this.fiveExample.clear()
+ this.fiveExample.dispose()
+ this.sixExample.clear()
+ this.sixExample.dispose()
+
+ if (e=='year') {
+ this.tiaoshiPao=this.echartsData.qipao(this.tiaoshiPao,this.dataYearY,this.dataYearX)
+ this.oneInit(this.dataYearX,this.dataYearY)
+ this.twoInit(this.dataYearX,this.dataYearY)
+ this.threeInit(this.dataYearX,this.dataYearY)
+ this.fourInit(this.dataYearX,this.dataYearY)
+ this.fiveInit(this.dataYearX,this.dataYearY)
+ this.sixInit(this.dataYearX,this.dataYearY)
+ } else {
+ this.tiaoshiPao=this.echartsData.qipao(this.tiaoshiPao,this.datayuey,this.datayuex)
+ this.oneInit()
+ this.twoInit()
+ this.threeInit()
+ this.fourInit()
+ this.fiveInit()
+ this.sixInit()
+ }
+ }
+
oneExample:any;
- oneInit () {
+ oneInit (X=this.datayuex, Y=this.datayuey) {
this.oneExample = echarts.init(document.getElementById('one'),'walden');
var option = {
grid: {
top: 50,
left:40,
right: 20,
-
},
tooltip: {
trigger: 'axis',
@@ -214,7 +251,7 @@ export class echartsComponent implements OnInit {
// x轴
xAxis: {
type: 'category',
- data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月','9月'],
+ data: X,
boundaryGap: true,
axisLabel: {
color: "#000", //刻度线标签颜色
@@ -259,11 +296,10 @@ export class echartsComponent implements OnInit {
name: '单位预案编制数量',
type: 'line',
markPoint: {
-
symbolSize:[65, 65],
data: this.tiaoshiPao
- },
- data: [270, 253, 244, 199, 189, 173, 160, 198,200],
+ },
+ data: Y,
}
],
};
@@ -271,7 +307,7 @@ export class echartsComponent implements OnInit {
}
twoExample:any;
- twoInit () {
+ twoInit (X=this.datayuex, Y=this.datayuey) {
let that = this
this.twoExample = echarts.init(document.getElementById('two'), 'skinUpp');
var option = {
@@ -302,7 +338,7 @@ export class echartsComponent implements OnInit {
// x轴
xAxis: {
type: 'category',
- data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月','9月'],
+ data: X,
boundaryGap: true,
axisLabel: {
color: "#000", //刻度线标签颜色
@@ -351,7 +387,7 @@ export class echartsComponent implements OnInit {
symbolSize:[65, 65],
data: this.tiaoshiPao
},
- data: [270, 253, 244, 199, 189, 173, 160, 198,200],
+ data: Y,
}
],
};
@@ -363,7 +399,7 @@ export class echartsComponent implements OnInit {
}
threeExample:any;
- threeInit () {
+ threeInit (X=this.datayuex, Y=this.datayuey) {
let that = this
this.threeExample = echarts.init(document.getElementById('three'), 'skinUpp');
var option = {
@@ -393,7 +429,7 @@ export class echartsComponent implements OnInit {
// x轴
xAxis: {
type: 'category',
- data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月','9月'],
+ data: X,
boundaryGap: true,
axisLabel: {
textStyle:{
@@ -442,7 +478,7 @@ export class echartsComponent implements OnInit {
symbolSize:[65, 65],
data: this.tiaoshiPao
},
- data: [270, 253, 244, 199, 189, 173, 160, 198,200],
+ data: Y,
}
],
};
@@ -454,7 +490,7 @@ export class echartsComponent implements OnInit {
}
fourExample:any;
- fourInit () {
+ fourInit (X=this.datayuex, Y=this.datayuey) {
let that = this
this.fourExample = echarts.init(document.getElementById('four'), 'skinUpp');
var option = {
@@ -485,7 +521,7 @@ export class echartsComponent implements OnInit {
// x轴
xAxis: {
type: 'category',
- data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月','9月'],
+ data: X,
boundaryGap: true,
axisLabel: {
textStyle:{
@@ -534,7 +570,7 @@ export class echartsComponent implements OnInit {
symbolSize:[65, 65],
data: this.tiaoshiPao
},
- data: [270, 253, 244, 199, 189, 173, 160, 198,200],
+ data: Y,
}
],
};
@@ -546,7 +582,7 @@ export class echartsComponent implements OnInit {
}
fiveExample:any;
- fiveInit () {
+ fiveInit (X=this.datayuex, Y=this.datayuey) {
let that = this
this.fiveExample = echarts.init(document.getElementById('five'), 'skinUpp');
var option = {
@@ -578,7 +614,7 @@ export class echartsComponent implements OnInit {
// x轴
xAxis: {
type: 'category',
- data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月','9月'],
+ data: X,
boundaryGap: true,
axisLabel: {
textStyle:{
@@ -627,7 +663,7 @@ export class echartsComponent implements OnInit {
symbolSize:[65, 65],
data: this.tiaoshiPao
},
- data: [270, 253, 244, 199, 189, 173, 160, 198,200],
+ data: Y,
}
],
};
@@ -639,7 +675,7 @@ export class echartsComponent implements OnInit {
}
sixExample:any;
- sixInit () {
+ sixInit (X=this.datayuex, Y=this.datayuey) {
let that = this
this.sixExample = echarts.init(document.getElementById('six'), 'skinUpp');
var option = {
@@ -670,7 +706,7 @@ export class echartsComponent implements OnInit {
// x轴
xAxis: {
type: 'category',
- data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月','9月'],
+ data: X,
boundaryGap: true,
axisLabel: {
textStyle:{
@@ -719,7 +755,7 @@ export class echartsComponent implements OnInit {
symbolSize:[65, 65],
data: this.tiaoshiPao
},
- data: [270, 253, 244, 199, 189, 173, 160, 198,200],
+ data: Y,
}
],
};