中间地图数据和图表

app/common.php

@@ -30,6 +30,17 @@ function create_token(string $extra = ''): string
     return md5($extra . time().uniqid('likeshop'));
 }
 
+function getMonthFirstAndLastDay($year, $month) {
+    // 计算该月份的第一天
+    $firstDay = date('Y-m-01', strtotime("$year-$month-01"));
+
+    // 计算该月份的最后一天
+    $lastDay = date('Y-m-t', strtotime("$year-$month-01"));
+
+    // 返回第一天和最后一天的日期
+    return array('firstDay' => $firstDay, 'lastDay' => $lastDay);
+}
+
 /**
  * @notes 截取某字符字符串
  * @param $str

app/count/controller/IndexController.php

@@ -21,6 +21,8 @@ namespace app\count\controller;
 
 use app\common\model\Order;
 use app\common\model\OrderGoods;
+use app\common\model\Goods;
+use app\common\model\Distribution;
 use think\facade\Config;
 
 /**
@@ -193,7 +195,91 @@ class IndexController extends BaseAdminController
         }
         $data['chars_category'] = json_encode($chars_category);
         /** 分类销量排名 end**/
+
+        /** middle start **/
+        //商品数量
+        $goodswhere = [] ;
+        $goodswhere[] = ['status','=',1];
+        $goodswhere[] = ['delete_time','=',NULL];
+        $goods_count = Goods::where($goodswhere)->count();
+        $middle['goods_number'] = $goods_count;
+
+        //合作商
+        $diswhere = [] ;
+        $diswhere[] = ['is_distribution','=',1];
+        $diswhere[] = ['delete_time','=',NULL];
+        $distribution_count = Distribution::where($diswhere)->count();
+        $middle['distribution_number'] = $distribution_count;
+
+        //订单数
+        $order_where = [] ;
+        $order_where[] = ['pay_status','=',1];
+        $order_count = Order::where($order_where)->count();
+        $middle['order_number'] = $order_count;
+
+        //派送订单
+        $orderwhere = [] ;
+        $orderwhere[] = ['order_status','=',2];
+        $order_delivery_count = Order::where($orderwhere)->count();
+        $middle['delivery_number'] = $order_delivery_count;
+
+        //农资供应
+        $middle['agricultural_supply_number'] = 0;
+
+        $nowYear = date('Y');
+        $nowMonth = date('n');
+
+        $monthData = [];
+        $monthArr = [];
+        for($i=1;$i<=$nowMonth;$i++){
+            array_push($monthArr,$i);
+            $monthFat = $i.'月';
+            array_push($monthData,$monthFat);
+        }
+
+        $middle['YearData'] = $nowYear;
+        $middle['MonthFormatData'] = json_encode($monthData);
+        $month_data = [];
+        foreach ($monthArr as $mv){
+            $date = getMonthFirstAndLastDay($nowYear,$mv);
+            $startTime = strtotime($date['firstDay']);
+            $endTime = strtotime($date['lastDay'].' 23:59:59');
+            $create_time_date = [$startTime,$endTime];
+            $salewhere = [];
+            $salewhere[]=['create_time','between',$create_time_date];
+            $month_order_number = Order::alias('o')->where($where)->where($salewhere)->count();
+            array_push($month_data,$month_order_number);
+        }
+
+        $middle['MonthOrderData'] = json_encode($month_data);
+        $nowTime = time();
+        $todayStartDate = date('Y-m-d');
+        $todaywhere= [];
+        $todaywhere[]=['create_time','between',[strtotime($todayStartDate),$nowTime]];
+        $todayOrderInfo = Order::alias('o')->where($where)->where($todaywhere)->field('count(id) number,sum(total_amount) total_money')->find();
+
+        $middle['today_order_number']=$todayOrderInfo['number'];
+        $middle['today_total_amount']=$todayOrderInfo['total_money']??0;
+
+        $thisMonth = date('n');
+        $this_month_date =  getMonthFirstAndLastDay($nowYear,$thisMonth);
+
+        $startTime = strtotime($this_month_date['firstDay']);
+        $endTime = strtotime($this_month_date['lastDay'].' 23:59:59');
+        $create_time_date = [$startTime,$endTime];
+
+        $thisMonthWhere = [];
+        $thisMonthWhere[]=['create_time','between',$create_time_date];
+        $thisMonthOrderInfo = Order::alias('o')->where($where)->where($thisMonthWhere)->field('count(id) number,sum(total_amount) total_money')->find();
+
+        $middle['this_month_order_number']=$thisMonthOrderInfo['number'];
+        $middle['this_month_total_amount']=$thisMonthOrderInfo['total_money']??0;
+
+        $data['middle'] = $middle;
+        /** middle end **/
+        dump($data);
         return view('/count/index', $data);
     }
 
+
 }

app/count/view/count/index.html

@@ -106,27 +106,27 @@
 							<ul>
 								<li>
 									<div><span>商品数量</span>
-										<p>1200个</p>
+										<p>{$middle.goods_number}个</p>
 									</div>
 								</li>
 								<li>
 									<div><span>订单派送中</span>
-										<p>265件</p>
+										<p>{$middle.delivery_number}件</p>
 									</div>
 								</li>
 								<li>
 									<div><span>合作商</span>
-										<p>30位</p>
+										<p>{$middle.distribution_number}位</p>
 									</div>
 								</li>
 								<li>
 									<div><span>总订单</span>
-										<p>1244笔</p>
+										<p>{$middle.order_number}笔</p>
 									</div>
 								</li>
 								<li>
 									<div><span>农资供应</span>
-										<p>487条</p>
+										<p>{$middle.agricultural_supply_number}条</p>
 									</div>
 								</li>
 							</ul>
@@ -142,16 +142,16 @@
 								<div class="leidanav leidanav3" style="margin-bottom: 15px;">
 									<ul class="clearfix">
 										<li><span>今日订单</span>
-											<p>128</p>
+											<p>{$middle.today_order_number}</p>
 										</li>
 										<li><span>今日收益</span>
-											<p>970</p>
+											<p>{$middle.today_total_amount}</p>
 										</li>
 										<li><span>本月订单</span>
-											<p>2887</p>
+											<p>{$middle.this_month_order_number}</p>
 										</li>
 										<li><span>本月收益</span>
-											<p>12868</p>
+											<p>{$middle.this_month_total_amount}</p>
 										</li>
 									</ul>
 								</div>
@@ -296,9 +296,12 @@
 
 		<input id="chars_category_data" value="{$chars_category}" hidden/>
 		<input id="category_data" value="{$goods_category_data}" hidden/>
+		<input id="month_data" value="{$middle.MonthFormatData}" hidden/>
+		<input id="month_order_data" value="{$middle.MonthOrderData}" hidden/>
 	</div>
 </body>
 <script >
+	//分类图表
 	function echarts_1() {
 		// 基于准备好的dom，初始化echarts实例
 		var myChart = echarts.init(document.getElementById('echart1'));
@@ -383,5 +386,645 @@
 			myChart.resize();
 		});
 	}
+
+	//销量收益、农资供应
+	function echarts_31() {
+
+		var month_data = JSON.parse(document.getElementById('month_data').value);
+		var month_order_data = JSON.parse(document.getElementById('month_order_data').value);
+		// 基于准备好的dom，初始化echarts实例
+		var myChart = echarts.init(document.getElementById('fb01'));
+		var myChart2 = echarts.init(document.getElementById('fb02'));
+		var myChart3 = echarts.init(document.getElementById('fb03'));
+		var myChart4 = echarts.init(document.getElementById('fb04'));
+		var myChart5 = echarts.init(document.getElementById('myd1'));
+		var myChart7 = echarts.init(document.getElementById('sysx'));
+		option = {
+			tooltip: {
+				trigger: 'item',
+				formatter: "{a} <br/>{b}: {c} ({d}%)",
+				position:function(p){   //其中p为当前鼠标的位置
+					return [p[0] + 10, p[1] - 10];
+				}
+			},
+			legend: {
+				orient: 'vertical',
+				top:'25%',
+				right:0,
+				itemWidth: 10,
+				itemHeight: 10,
+				data:['20-29岁','30-39岁','40-49岁','50岁以上'],
+				textStyle: {
+					color: 'rgba(255,255,255,.5)',
+					fontSize:'12',
+				}
+			},
+			series: [
+				{
+					name:'年龄分布',
+					type:'pie',
+					center: ['35%', '50%'],
+					radius: ['40%', '50%'],
+					color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],
+					label: {show:false},
+					labelLine: {show:false},
+					data:[
+
+						{value:4, name:'20-29岁'},
+						{value:2, name:'30-39岁'},
+						{value:2, name:'40-49岁'},
+						{value:1, name:'50岁以上'},
+					]
+				}
+			]
+		};
+		option2 = {
+			tooltip: {
+				trigger: 'item',
+				formatter: "{a} <br/>{b}: {c} ({d}%)",
+				position:function(p){   //其中p为当前鼠标的位置
+					return [p[0] + 10, p[1] - 10];
+				}
+			},
+			legend: {
+				orient: 'vertical',
+				top:'25%',
+				right:'8%',
+				itemWidth: 10,
+				itemHeight: 10,
+				data:['博士','硕士','本科','专科'],
+				textStyle: {
+					color: 'rgba(255,255,255,.5)',
+					fontSize:'12',
+				}
+			},
+			series: [
+				{
+					name:'学历构成',
+					type:'pie',
+					center: ['40%', '50%'],
+					radius: ['40%', '50%'],
+					color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],
+					label: {show:false},
+					labelLine: {show:false},
+					data:[
+						{value:10, name:'博士'},
+						{value:20, name:'硕士'},
+						{value:30, name:'本科'},
+						{value:40, name:'专科'},
+
+					]
+				}
+			]
+		};
+		option3 = {
+			tooltip: {
+				trigger: 'item',
+				formatter: "{a} <br/>{b}: {c} ({d}%)",
+				position:function(p){   //其中p为当前鼠标的位置
+					return [p[0] + 10, p[1] - 10];
+				}
+			},
+			legend: {
+				orient: 'vertical',
+				top:'center',
+				right:0,
+				itemWidth: 10,
+				itemHeight: 10,
+				data:['数据分门别类','数据关系部门','今日数据交易'],
+				textStyle: {
+					color: 'rgba(255,255,255,.5)',
+					fontSize:'12',
+				}
+			},
+			series: [
+				{
+					name:'数据',
+					type:'pie',
+					center: ['35%', '50%'],
+					radius: ['40%', '50%'],
+					color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],
+					label: {show:false},
+					labelLine: {show:false},
+					data:[
+
+						{value:4, name:'数据分门别类'},
+						{value:2, name:'数据关系部门'},
+						{value:2, name:'今日数据交易'},
+					]
+				}
+			]
+		};
+		option4 = {
+			tooltip: {
+				trigger: 'item',
+				formatter: "{a} <br/>{b}: {c} ({d}%)",
+				position:function(p){   //其中p为当前鼠标的位置
+					return [p[0] + 10, p[1] - 10];
+				}
+			},
+			legend: {
+				orient: 'vertical',
+				top:'center',
+				right:'8%',
+				itemWidth: 10,
+				itemHeight: 10,
+				data:['零销类','服务类','销售类','软件类','硬件类','其它类'],
+				textStyle: {
+					color: 'rgba(255,255,255,.5)',
+					fontSize:'12',
+				}
+			},
+			series: [
+				{
+					name:'业务分类',
+					type:'pie',
+					center: ['40%', '50%'],
+					radius: ['40%', '50%'],
+					color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],
+					label: {show:false},
+					labelLine: {show:false},
+					data:[
+						{value:10, name:'零销类'},
+						{value:20, name:'服务类'},
+						{value:30, name:'销售类'},
+						{value:40, name:'软件类'},
+						{value:50, name:'硬件类'},
+						{value:60, name:'其它类'},
+					]
+				}
+			]
+		};
+		option5 = {
+			grid: {
+				left: '0',
+				right: '0',
+				top: '10%',
+				bottom: '24%',
+				//containLabel: true
+			},
+			legend: {
+				data: ['闲置中', '待续约', '租赁中'],
+				bottom:0,
+				itemWidth: 10,
+				itemHeight: 10,
+				textStyle: {
+					color: "#fff",
+					fontSize: '10',
+
+				},
+
+				itemGap: 5
+			},
+			tooltip: {
+				show: "true",
+				trigger: 'item'
+			},
+			yAxis: {
+				type: 'value',
+				show: false,
+			},
+			xAxis: [{
+				type: 'category',
+				axisTick: {
+					show: false
+				},
+				axisLine: {
+					show: true,
+					lineStyle: {
+						color: '#363e83',
+					}
+				},
+				axisLabel: {
+					show: false,
+					//   inside: true,
+					textStyle: {
+						color: "rgba(255,255,255,1)",
+						fontWeight: 'normal',
+						fontSize: '12',
+					},
+					// formatter:function(val){
+					//     return val.split("").join("\n")
+					// },
+				},
+				data: ['业务办量统计']
+			}
+
+			],
+			series: [
+				{
+					name: '闲置中',
+					type: 'bar',
+					barWidth: '20',
+
+					itemStyle: {
+						normal: {
+							show: true,
+							color:'#20aa92',
+							barBorderRadius: 50,
+							borderWidth: 0,
+						}
+					},
+					zlevel: 2,
+					barGap: '100%',
+					data: [20],
+					label: {
+						formatter: "{c}",
+						show: true,
+						position: 'top',
+						textStyle: {
+							fontSize:12,
+							color: 'rgba(255,255,255,.6)',
+						}
+					},
+				},
+				{
+					name: '待续约',
+					type: 'bar',
+					itemStyle: {
+						normal: {
+							show: true,
+							color:'#f4664e',
+							barBorderRadius: 50,
+							borderWidth: 0,
+						}
+					},
+					zlevel: 2,
+					barWidth: '20',
+					data: [40],
+					label: {
+						formatter: "{c}",
+						show: true,
+						position: 'top',
+						textStyle: {
+							fontSize:12,
+							color: 'rgba(255,255,255,.6)',
+						}
+					},
+				},
+				{
+					name: '租赁中',
+					type: 'bar',
+					itemStyle: {
+						normal: {
+							show: true,
+							color:'#0c93dc',
+							barBorderRadius: 50,
+							borderWidth: 0,
+						}
+					},
+					zlevel: 2,
+					barWidth: '20',
+					data: [127],
+					label: {
+						formatter: "{c}",
+						show: true,
+						position: 'top',
+						textStyle: {
+							fontSize:12,
+							color: 'rgba(255,255,255,.6)',
+						}
+					},
+				},
+
+			]
+		};
+
+		option7 = {
+			//  backgroundColor: '#00265f',
+			tooltip: {
+				trigger: 'axis',
+				axisPointer: {
+					type: 'shadow'
+				}
+			},
+			grid: {
+				left: '0%',
+				top:'10px',
+				right: '0%',
+				bottom: '0',
+				containLabel: true
+			},
+			xAxis: [{
+				type: 'category',
+				data: month_data,
+				axisLine: {
+					show: true,
+					lineStyle: {
+						color: "rgba(255,255,255,.1)",
+						width: 1,
+						type: "solid"
+					},
+				},
+				axisTick: {
+					show: false,
+				},
+				axisLabel:  {
+					interval: 0,
+					// rotate:50,
+					show: true,
+					splitNumber: 5,
+					textStyle: {
+						color: "rgba(255,255,255,.6)",
+						fontSize: '12',
+					},
+				},
+			}],
+			yAxis: [{
+				type: 'value',
+				axisLabel: {
+					//formatter: '{value} %'
+					show:true,
+					textStyle: {
+						color: "rgba(255,255,255,.6)",
+						fontSize: '12',
+					},
+				},
+				axisTick: {
+					show: false,
+				},
+				axisLine: {
+					show: true,
+					lineStyle: {
+						color: "rgba(255,255,255,.1	)",
+						width: 1,
+						type: "solid"
+					},
+				},
+				splitLine: {
+					show: false,
+					lineStyle: {
+						color: "rgba(255,255,255,.1)",
+					}
+				}
+			}],
+			series: [{
+				name: '{$middle.YearData}年',
+				type: 'line',
+				//smooth: true,
+				data: month_order_data,
+
+				itemStyle: {
+					normal: {
+						color:'#2f89cf',
+						opacity: 1,
+
+						barBorderRadius: 5,
+					}
+				}
+			}
+			]
+		};
+		// 使用刚指定的配置项和数据显示图表。
+		myChart.setOption(option);
+		myChart2.setOption(option2);
+		myChart3.setOption(option3);
+		myChart4.setOption(option4);
+		myChart5.setOption(option5);
+
+		myChart7.setOption(option7);
+		window.addEventListener("resize",function(){
+			myChart.resize();
+			myChart7.resize();
+			myChart2.resize();
+			myChart3.resize();
+			myChart4.resize();
+			myChart5.resize();
+
+		});
+	}
+
+	//供需信息统计
+	function echarts_4() {
+		// 基于准备好的dom，初始化echarts实例
+		var myChart = echarts.init(document.getElementById('echart4'));
+		var myChart2 = echarts.init(document.getElementById('echart3'));
+		option = {
+			tooltip: {
+				trigger: 'axis',
+				axisPointer: {
+					type: 'shadow'
+				}
+			},
+			legend: {
+				data: ['下单', '退款'],
+
+				top:'2%',
+				textStyle: {
+					color: "rgba(255,255,255,.5)",
+					fontSize: '12',
+
+				},
+				itemWidth: 12,
+				itemHeight: 12,
+				itemGap: 35
+			},
+			grid: {
+				left: '0%',
+				top:'40px',
+				right: '0%',
+				bottom: '0%',
+				containLabel: true
+			},
+			xAxis: [{
+				type: 'category',
+				data: ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
+				axisLine: {
+					show: true,
+					lineStyle: {
+						color: "rgba(255,255,255,.1)",
+						width: 1,
+						type: "solid"
+					},
+				},
+
+				axisTick: {
+					show: false,
+				},
+				axisLabel:  {
+					interval: 0,
+					// rotate:50,
+					show: true,
+					splitNumber: 15,
+					textStyle: {
+						color: "rgba(255,255,255,.6)",
+						fontSize: '14',
+					},
+				},
+			}],
+			yAxis: [{
+				type: 'value',
+				axisLabel: {
+					//formatter: '{value} %'
+					show:true,
+					textStyle: {
+						color: "rgba(255,255,255,.6)",
+						fontSize: '14',
+					},
+				},
+				axisTick: {
+					show: false,
+				},
+				axisLine: {
+					show: true,
+					lineStyle: {
+						color: "rgba(255,255,255,.1	)",
+						width: 1,
+						type: "solid"
+					},
+				},
+				splitLine: {
+					lineStyle: {
+						color: "rgba(255,255,255,.1)",
+					}
+				}
+			}],
+			series: [{
+				name: '下单',
+				type: 'bar',
+				data: [2, 3, 3, 9, 15, 12, 6, 4, 6],
+				barWidth:'20%', //柱子宽度
+				// barGap: 1, //柱子之间间距
+				itemStyle: {
+					normal: {
+						color:'#2f89cf',
+						opacity: 1,
+						barBorderRadius: 5,
+					}
+				}
+			}, {
+				name: '退款',
+				type: 'bar',
+				data: [1, 4, 5, 11, 12, 9, 5, 6, 5],
+				barWidth:'20%',
+				// barGap: 1,
+				itemStyle: {
+					normal: {
+						color:'#62c98d',
+						opacity: 1,
+						barBorderRadius: 5,
+					}
+				}
+			},
+			]
+		};
+		option2 = {
+			//  backgroundColor: '#00265f',
+			tooltip: {
+				trigger: 'axis',
+				axisPointer: {
+					type: 'shadow'
+				}
+			},
+			legend: {
+				data: ['供应信息', '需求信息'],
+				top:'5%',
+				textStyle: {
+					color: "#fff",
+					fontSize: '12',
+
+				},
+
+				itemGap: 35
+			},
+			grid: {
+				left: '0%',
+				top:'40px',
+				right: '0%',
+				bottom: '0',
+				containLabel: true
+			},
+			xAxis: [{
+				type: 'category',
+				data: ['5月', '6月', '7月', '8月', '9月', '10月'],
+				axisLine: {
+					show: true,
+					lineStyle: {
+						color: "rgba(255,255,255,.1)",
+						width: 1,
+						type: "solid"
+					},
+				},
+				axisTick: {
+					show: false,
+				},
+				axisLabel:  {
+					interval: 0,
+					// rotate:50,
+					show: true,
+					splitNumber: 5,
+					textStyle: {
+						color: "rgba(255,255,255,.6)",
+						fontSize: '12',
+					},
+				},
+			}],
+			yAxis: [{
+				type: 'value',
+				axisLabel: {
+					//formatter: '{value} %'
+					show:true,
+					textStyle: {
+						color: "rgba(255,255,255,.6)",
+						fontSize: '12',
+					},
+				},
+				axisTick: {
+					show: false,
+				},
+				axisLine: {
+					show: true,
+					lineStyle: {
+						color: "rgba(255,255,255,.1	)",
+						width: 1,
+						type: "solid"
+					},
+				},
+				splitLine: {
+					lineStyle: {
+						color: "rgba(255,255,255,.1)",
+					}
+				}
+			}],
+			series: [{
+				name: '供应信息',
+				type: 'line',
+				smooth: true,
+				data: [20, 16, 31, 28, 15, 28],
+
+				itemStyle: {
+					normal: {
+						color:'#2f89cf',
+						opacity: 1,
+
+						barBorderRadius: 5,
+					}
+				}
+			}, {
+				name: '需求信息',
+				type: 'line',
+				smooth: true,
+				data: [15, 22, 6, 24, 35, 12],
+				barWidth:'15',
+				// barGap: 1,
+				itemStyle: {
+					normal: {
+						color:'#62c98d',
+						opacity: 1,
+						barBorderRadius: 5,
+					}
+				}
+			},
+			]
+		};
+
+		// 使用刚指定的配置项和数据显示图表。
+		myChart.setOption(option2);
+		myChart2.setOption(option);
+		window.addEventListener("resize",function(){
+			myChart.resize();
+		});
+	}
+
 </script>
 </html>

public/count/js/js.js

@@ -1,642 +1,8 @@
  $(window).load(function(){$(".loading").fadeOut()})  
 $(function () {
     echarts_1();
-echarts_4()
-echarts_31()
-
-function echarts_4() {
-        // 基于准备好的dom，初始化echarts实例
-        var myChart = echarts.init(document.getElementById('echart4'));
-        var myChart2 = echarts.init(document.getElementById('echart3'));
-option = {
-    tooltip: {
-        trigger: 'axis',
-        axisPointer: {
-            type: 'shadow'
-        }
-    },
-    legend: {
-        data: ['下单', '退款'],
-
-		top:'2%',
-        textStyle: {
-            color: "rgba(255,255,255,.5)",
-		    fontSize: '12',
-
-        },
-        itemWidth: 12,
-        itemHeight: 12,
-        itemGap: 35
-    },
-    grid: {
-        left: '0%',
-		top:'40px',
-        right: '0%',
-        bottom: '0%',
-       containLabel: true
-    },
-    xAxis: [{
-        type: 'category',
-      		data: ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
-        axisLine: {
-            show: true,
-         lineStyle: {
-                color: "rgba(255,255,255,.1)",
-                width: 1,
-                type: "solid"
-            },
-        },
-		
-        axisTick: {
-            show: false,
-        },
-		axisLabel:  {
-                interval: 0,
-               // rotate:50,
-                show: true,
-                splitNumber: 15,
-                textStyle: {
- 					color: "rgba(255,255,255,.6)",
-                    fontSize: '14',
-                },
-            },
-    }],
-    yAxis: [{
-        type: 'value',
-        axisLabel: {
-           //formatter: '{value} %'
-			show:true,
-			 textStyle: {
- 					color: "rgba(255,255,255,.6)",
-                    fontSize: '14',
-                },
-        },
-        axisTick: {
-            show: false,
-        },
-        axisLine: {
-            show: true,
-            lineStyle: {
-                color: "rgba(255,255,255,.1	)",
-                width: 1,
-                type: "solid"
-            },
-        },
-        splitLine: {
-            lineStyle: {
-               color: "rgba(255,255,255,.1)",
-            }
-        }
-    }],
-    series: [{
-        name: '下单',
-        type: 'bar',
-        data: [2, 3, 3, 9, 15, 12, 6, 4, 6],
-        barWidth:'20%', //柱子宽度
-       // barGap: 1, //柱子之间间距
-        itemStyle: {
-            normal: {
-                color:'#2f89cf',
-                opacity: 1,
-				barBorderRadius: 5,
-            }
-        }
-    }, {
-        name: '退款',
-        type: 'bar',
-		data: [1, 4, 5, 11, 12, 9, 5, 6, 5],
-		barWidth:'20%',
-       // barGap: 1,
-        itemStyle: {
-            normal: {
-                color:'#62c98d',
-                opacity: 1,
-				barBorderRadius: 5,
-            }
-        }
-    },
-	]
-};
-option2 = {
-  //  backgroundColor: '#00265f',
-    tooltip: {
-        trigger: 'axis',
-        axisPointer: {
-            type: 'shadow'
-        }
-    },
-    legend: {
-        data: ['供应信息', '需求信息'],
-		top:'5%',
-        textStyle: {
-            color: "#fff",
-		    fontSize: '12',
-
-        },
- 
-        itemGap: 35
-    },
-    grid: {
-        left: '0%',
-		top:'40px',
-        right: '0%',
-        bottom: '0',
-       containLabel: true
-    },
-    xAxis: [{
-        type: 'category',
-      		data: ['5月', '6月', '7月', '8月', '9月', '10月'],
-        axisLine: {
-            show: true,
-         lineStyle: {
-                color: "rgba(255,255,255,.1)",
-                width: 1,
-                type: "solid"
-            },
-        },
-        axisTick: {
-            show: false,
-        },
-		axisLabel:  {
-                interval: 0,
-               // rotate:50,
-                show: true,
-                splitNumber: 5,
-                textStyle: {
- 					color: "rgba(255,255,255,.6)",
-                    fontSize: '12',
-                },
-            },
-    }],
-    yAxis: [{
-        type: 'value',
-        axisLabel: {
-           //formatter: '{value} %'
-			show:true,
-			 textStyle: {
- 					color: "rgba(255,255,255,.6)",
-                    fontSize: '12',
-                },
-        },
-        axisTick: {
-            show: false,
-        },
-        axisLine: {
-            show: true,
-            lineStyle: {
-                color: "rgba(255,255,255,.1	)",
-                width: 1,
-                type: "solid"
-            },
-        },
-        splitLine: {
-            lineStyle: {
-               color: "rgba(255,255,255,.1)",
-            }
-        }
-    }],
-    series: [{
-        name: '供应信息',
-        type: 'line',
- smooth: true,
-        data: [20, 16, 31, 28, 15, 28],
-
-        itemStyle: {
-            normal: {
-                color:'#2f89cf',
-                opacity: 1,
-				
-				barBorderRadius: 5,
-            }
-        }
-    }, {
-        name: '需求信息',
-        type: 'line',
-		 smooth: true,
-        data: [15, 22, 6, 24, 35, 12],
-		barWidth:'15',
-       // barGap: 1,
-        itemStyle: {
-            normal: {
-                color:'#62c98d',
-                opacity: 1,
-				barBorderRadius: 5,
-            }
-        }
-    },
-	]
-};
-
-        // 使用刚指定的配置项和数据显示图表。
-        myChart.setOption(option2);
-        myChart2.setOption(option);
-        window.addEventListener("resize",function(){
-            myChart.resize();
-        });
-    }
-function echarts_31() {
-        // 基于准备好的dom，初始化echarts实例
-        var myChart = echarts.init(document.getElementById('fb01'));
-	var myChart2 = echarts.init(document.getElementById('fb02')); 
-	var myChart3 = echarts.init(document.getElementById('fb03'));
-	var myChart4 = echarts.init(document.getElementById('fb04')); 
-	var myChart5 = echarts.init(document.getElementById('myd1')); 
-
-	var myChart7 = echarts.init(document.getElementById('sysx')); 
-option = {
-    tooltip: {
-        trigger: 'item',
-        formatter: "{a} <br/>{b}: {c} ({d}%)",
-position:function(p){   //其中p为当前鼠标的位置
-            return [p[0] + 10, p[1] - 10];
-        }
-    },
-    legend: {
-       orient: 'vertical',
-top:'25%',
-		right:0,
-       itemWidth: 10,
-        itemHeight: 10,
-        data:['20-29岁','30-39岁','40-49岁','50岁以上'],
-                textStyle: {
-            color: 'rgba(255,255,255,.5)',
-			fontSize:'12',
-        }
-    },
-    series: [
-        {
-        	name:'年龄分布',
-            type:'pie',
-			center: ['35%', '50%'],
-            radius: ['40%', '50%'],
-color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],	
-            label: {show:false},
-			labelLine: {show:false},
-            data:[
-  
-                {value:4, name:'20-29岁'},
-                {value:2, name:'30-39岁'},
-                {value:2, name:'40-49岁'},
-                {value:1, name:'50岁以上'},
-            ]
-        }
-    ]
-};
-option2 = {
-    tooltip: {
-        trigger: 'item',
-        formatter: "{a} <br/>{b}: {c} ({d}%)",
-position:function(p){   //其中p为当前鼠标的位置
-            return [p[0] + 10, p[1] - 10];
-        }
-    },
-    legend: {
-        orient: 'vertical',
-		top:'25%',
-		right:'8%',
-       itemWidth: 10,
-        itemHeight: 10,
-        data:['博士','硕士','本科','专科'],
-                textStyle: {
-            color: 'rgba(255,255,255,.5)',
-			fontSize:'12',
-        }
-    },
-    series: [
-        {
-        	name:'学历构成',
-            type:'pie',
-			center: ['40%', '50%'],
-            radius: ['40%', '50%'],
-color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],	
-            label: {show:false},
-			labelLine: {show:false},
-            data:[
-                {value:10, name:'博士'},
-                {value:20, name:'硕士'},
-                {value:30, name:'本科'},
-                {value:40, name:'专科'},
-               
-            ]
-        }
-    ]
-};
-	option3 = {
-    tooltip: {
-        trigger: 'item',
-        formatter: "{a} <br/>{b}: {c} ({d}%)",
-position:function(p){   //其中p为当前鼠标的位置
-            return [p[0] + 10, p[1] - 10];
-        }
-    },
-    legend: {
-       orient: 'vertical',
-top:'center',
-		right:0,
-       itemWidth: 10,
-        itemHeight: 10,
-        data:['数据分门别类','数据关系部门','今日数据交易'],
-                textStyle: {
-            color: 'rgba(255,255,255,.5)',
-			fontSize:'12',
-        }
-    },
-    series: [
-        {
-        	name:'数据',
-            type:'pie',
-			center: ['35%', '50%'],
-            radius: ['40%', '50%'],
-color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],	
-            label: {show:false},
-			labelLine: {show:false},
-            data:[
-  
-                {value:4, name:'数据分门别类'},
-                {value:2, name:'数据关系部门'},
-                {value:2, name:'今日数据交易'},
-            ]
-        }
-    ]
-};
-option4 = {
-    tooltip: {
-        trigger: 'item',
-        formatter: "{a} <br/>{b}: {c} ({d}%)",
-position:function(p){   //其中p为当前鼠标的位置
-            return [p[0] + 10, p[1] - 10];
-        }
-    },
-    legend: {
-        orient: 'vertical',
-		top:'center',
-		right:'8%',
-       itemWidth: 10,
-        itemHeight: 10,
-        data:['零销类','服务类','销售类','软件类','硬件类','其它类'],
-                textStyle: {
-            color: 'rgba(255,255,255,.5)',
-			fontSize:'12',
-        }
-    },
-    series: [
-        {
-        	name:'业务分类',
-            type:'pie',
-			center: ['40%', '50%'],
-            radius: ['40%', '50%'],
-			color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],	
-            label: {show:false},
-			labelLine: {show:false},
-            data:[
-                {value:10, name:'零销类'},
-                {value:20, name:'服务类'},
-                {value:30, name:'销售类'},
-                {value:40, name:'软件类'},
-                {value:50, name:'硬件类'},
-                {value:60, name:'其它类'},
-            ]
-        }
-    ]
-};
-	option5 = {
-    grid: {
-        left: '0',
-        right: '0',
-		top: '10%',
-        bottom: '24%',
-        //containLabel: true
-    },
-  legend: {
-        data: ['闲置中', '待续约', '租赁中'],
-		bottom:0,
-	   itemWidth: 10,
-        itemHeight: 10,
-        textStyle: {
-            color: "#fff",
-		    fontSize: '10',
-
-        },
- 
-        itemGap: 5
-    },
-    tooltip: {
-        show: "true",
-        trigger: 'item'
-    },
-    yAxis: {
-        type: 'value',
-		show: false,
-    },
-    xAxis: [{
-            type: 'category',
-            axisTick: {
-                show: false
-            },
-            axisLine: {
-                show: true,
-                lineStyle: {
-                    color: '#363e83',
-                }
-            },
-            axisLabel: {
-				show: false,
-             //   inside: true,
-                textStyle: {
-                  color: "rgba(255,255,255,1)",
-                    fontWeight: 'normal',
-                    fontSize: '12',
-                },
-                // formatter:function(val){
-                //     return val.split("").join("\n")
-                // },
-            },
-            data: ['业务办量统计']
-        }
-
-    ],
-    series: [
-		 {
-            name: '闲置中',
-            type: 'bar',
-            barWidth: '20',
-			 
-            itemStyle: {
-                normal: {
-                    show: true,
-                    color:'#20aa92',
-                    barBorderRadius: 50,
-                    borderWidth: 0,
-                }
-            },
-            zlevel: 2,
-            barGap: '100%',
-            data: [20],
-			 label: {
-				  formatter: "{c}",
-            show: true,
-            position: 'top',
-            textStyle: {
-				fontSize:12,
-                color: 'rgba(255,255,255,.6)',
-            }
-        },
-        }, 
-		{
-            name: '待续约',
-            type: 'bar',
-            itemStyle: {
-                normal: {
-                    show: true,
-                    color:'#f4664e',
-                    barBorderRadius: 50,
-                    borderWidth: 0,
-                }
-            },
-            zlevel: 2,
-            barWidth: '20',
-            data: [40],
-			 label: {
-				   formatter: "{c}",
-            show: true,
-            position: 'top',
-            textStyle: {
-				fontSize:12,
-                color: 'rgba(255,255,255,.6)',
-            }
-        },
-        }, 
-			{
-            name: '租赁中',
-            type: 'bar',
-            itemStyle: {
-                normal: {
-                    show: true,
-                    color:'#0c93dc',
-                    barBorderRadius: 50,
-                    borderWidth: 0,
-                }
-            },
-            zlevel: 2,
-            barWidth: '20',
-            data: [127],
-			 label: {
-				  formatter: "{c}",
-            show: true,
-            position: 'top',
-            textStyle: {
-				fontSize:12,
-                color: 'rgba(255,255,255,.6)',
-            }
-        },
-        }, 
-
-    ]
-};
-	
-	option7 = {
-      //  backgroundColor: '#00265f',
-    tooltip: {
-        trigger: 'axis',
-        axisPointer: {
-            type: 'shadow'
-        }
-    },
-    grid: {
-        left: '0%',
-		top:'10px',
-        right: '0%',
-        bottom: '0',
-       containLabel: true
-    },
-    xAxis: [{
-        type: 'category',
-      		data: ['5月', '6月', '7月', '8月', '9月', '10月'],
-        axisLine: {
-            show: true,
-         lineStyle: {
-                color: "rgba(255,255,255,.1)",
-                width: 1,
-                type: "solid"
-            },
-        },
-        axisTick: {
-            show: false,
-        },
-		axisLabel:  {
-                interval: 0,
-               // rotate:50,
-                show: true,
-                splitNumber: 5,
-                textStyle: {
- 					color: "rgba(255,255,255,.6)",
-                    fontSize: '12',
-                },
-            },
-    }],
-    yAxis: [{
-        type: 'value',
-        axisLabel: {
-           //formatter: '{value} %'
-			show:true,
-			 textStyle: {
- 					color: "rgba(255,255,255,.6)",
-                    fontSize: '12',
-                },
-        },
-        axisTick: {
-            show: false,
-        },
-        axisLine: {
-            show: true,
-            lineStyle: {
-                color: "rgba(255,255,255,.1	)",
-                width: 1,
-                type: "solid"
-            },
-        },
-        splitLine: {
-			 show: false,
-            lineStyle: {
-               color: "rgba(255,255,255,.1)",
-            }
-        }
-    }],
-    series: [{
-        name: '2025年',
-        type: 'line',
- //smooth: true,
-        data: [15, 24, 36, 49, 65, 89],
-
-        itemStyle: {
-            normal: {
-                color:'#2f89cf',
-                opacity: 1,
-				
-				barBorderRadius: 5,
-            }
-        }
-    }
-	]
-};
-        // 使用刚指定的配置项和数据显示图表。
-        myChart.setOption(option);
-        myChart2.setOption(option2);
-        myChart3.setOption(option3);
-        myChart4.setOption(option4);
-        myChart5.setOption(option5);
- 
-        myChart7.setOption(option7);
-        window.addEventListener("resize",function(){
-            myChart.resize();
-            myChart7.resize();
-            myChart2.resize();
-            myChart3.resize();
-            myChart4.resize();
-            myChart5.resize();
- 
-        });
-    }
+    echarts_4()
+    echarts_31()
 })