moonsflyer
/
likeshop.project


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221
							<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="refresh" content="300" />
	<title>乳山市智慧供销平台</title>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/echarts.min.js"></script>
	<script type="text/javascript" src="js/china.js"></script>
	<script type="text/javascript" src="js/map.js"></script>
	<script type="text/javascript" src="js/js.js"></script>
	<script type="text/javascript" src="js/Bubble.js"></script>
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
	<div class="head clearfix">


		<h1 class="pulll_left">乳山市智慧供销平台</h1>
		<div class="menu menu2 pulll_left">
			<ul>
				<li><a href="https://shop.gxsmlt.com/admin">商贸流通</a></li>
				<li><a href="https://info.gxsmlt.com/admin">社会化服务</a></li>
				<li><a href="https://buyinfo.gxsmlt.com/admin">农资供应</a></li>
				<li><a href="https://admin.gxsmlt.com/admin">资产管理</a></li>

			</ul>
		</div>

		<div class="time" id="showTime"></div>
		<script>
		function tip(){
		    alert('板块开发中，敬请期待！')
		}
			var t = null;
			t = setTimeout(time, 1000);//開始运行
			function time() {
				clearTimeout(t);//清除定时器
				dt = new Date();
				var y = dt.getFullYear();
				var mt = dt.getMonth() + 1;
				var day = dt.getDate();
				var h = dt.getHours();//获取时
				var m = dt.getMinutes();//获取分
				var s = dt.getSeconds();//获取秒
				if(s<10) s = '0'+s;
				document.getElementById("showTime").innerHTML = y + "/" + mt + "/" + day + " " + h + ":" + m + ":" + s + "";
				t = setTimeout(time, 1000); //设定定时器，循环运行
			}

		</script>
	</div>
	<div class="mainbox">

		<ul class="clearfix nav1">
			<li style="width: 22%">
				<div class="box">
					<div class="tit">商品销量统计</div>
					<div class="boxnav" style="height: 200px;">
						<table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
							<tbody>
								<tr>
									<th>商品名称</th>
									<th>上月销量</th>
									<th>本月销量</th>
									<th>增长率</th>


								</tr>
								{volist name="newGoodsData" id='goods'}

								<tr>
									<td>{$goods.name}</td>
									<td><span class="text-w">{$goods.last_total_num}</span></td>
									<td><span class="text-b">{$goods.now_total_num}</span></td>
									<td>
										{if $goods.type}<div  class="text-d">↑{$goods.growth}</div>{/if}
										{if !$goods.type}<div  class="text-s">↓{$goods.growth}</div>{/if}
									</td>
								</tr>
								{/volist}
							</tbody>
						</table>
					</div>
				</div>
				<div class="box">
					<div class="tit">分类销量排名</div>
					<div class="boxnav" style="height: 250px;">
						<div class="" style="height: 190px" id="echart1"></div>
						<div class="leidanav">
							<ul class="clearfix">
								{volist name="order_goods_category" id='category'}
								<li><span>{$category.name}</span>
									<p>{$category.total_num}</p>
								</li>
								{/volist}
							</ul>
						</div>
					</div>
				</div>
			</li>
			<li style="width: 56%">

				<div class="box">
					<div class="boxnav mapc" style="height: 550px; position: relative">
						<div class="mapnav">
							<ul>
								<li>
									<div><span>商品数量</span>
										<p>{$middle.goods_number}个</p>
									</div>
								</li>
								<li>
									<div><span>订单派送中</span>
										<p>{$middle.delivery_number}件</p>
									</div>
								</li>
								<!--<li>-->
								<!--	<div><span>合作商</span>-->
								<!--		<p>{$middle.distribution_number}位</p>-->
								<!--	</div>-->
								<!--</li>-->
								<li>
									<div><span>总订单</span>
										<p>{$middle.order_number}笔</p>
									</div>
								</li>
								<!--<li>-->
								<!--	<div><span>农资供应</span>-->
								<!--		<p>{$middle.agricultural_supply_number}条</p>-->
								<!--	</div>-->
								<!--</li>-->
							</ul>
						</div>
						<div class="mapnav2">

							<div class="box">
								<div class="tit">销量与收益</div>
								<div class="boxnav" style="height: 130px;" id="sysx">


								</div>
								<div class="leidanav leidanav3" style="margin-bottom: 15px;">
									<ul class="clearfix">
										<li><span>今日订单</span>
											<p>{$middle.today_order_number}</p>
										</li>
										<li><span>今日收益</span>
											<p>{$middle.today_total_amount}</p>
										</li>
										<li><span>本月订单</span>
											<p>{$middle.this_month_order_number}</p>
										</li>
										<li><span>本月收益</span>
											<p>{$middle.this_month_total_amount}</p>
										</li>
									</ul>
								</div>

							</div>
						</div>
						<div class="map" id="map"></div>

						<script>
							$(".mapbtn a").hover(function () {
								var ind = $(this).index()
								$(".mapnav ul").eq(ind).show().siblings().hide()
							})
						</script>
					</div>
				</div>

			</li>
			<li style="width: 22%">

				<div class="box">
				    	<div class="tit">服务商统计</div>
					<div class=" boxnav" id="fb03" style="height: 200px;"></div>
				
				</div>
				<div class="box">
					<div class="tit">服务访问统计</div>
                        <div class="boxnav" id="echart6" style="min-height: 250px;">

					    </div>
				</div>

			</li>
		</ul>

		<div class="box" style="padding: 20px 0;">
			<ul class="clearfix nav2 ">
			    <li style="width:25%">
					<div class="tit01">下单与退款</div>
					<div class="ftechart" id="echart3" >

					</div>
				</li>
				<li style="width:25%">
					<div class="tit01">资产信息统计</div>
					<!--<div style="width: 100%;height: 100%;text-align: center;">版块开发中...</div>-->
					<!--<div class="" id="">-->
					<!--	<div style="float: left; width: 50%; height: 0" id="fb01"></div>-->
					<!--	<div style="float: left; width: 50%; height: 0" id="fb02"></div>-->

					<!--</div>-->
					 <div class="" id="">
						<div style="float: left; width: 50%; height: 170px" id="fb01"></div>
						<div style="float: left; width: 50%; height: 170px" id="fb02"></div>

					</div> 
					 <div class="leidanav leidanav2" >
						<ul class="clearfix">
							<li><span>资产总计</span>
								<p>{$asset_info.total_asset_num}</p>
							</li>
							<li><span>租赁中</span>
								<p>{$asset_info.leaseing}</p>
							</li>
							<li><span>闲置中</span>
								<p>{$asset_info.leave_unused_num}</p>
							</li>

						</ul>
					</div>
				</li>
				
				<!--<li style="width:25%">-->
				<!--	<div class="tit01">资产管理</div>-->
				<!--	<div class="" style="height:100%;display: flex; align-items: center;">-->
				<!--		<div style="float: left; width: 50%; height: 100%" class="wancheng">-->
				<!--			<div><span>闲置资产</span>-->
				<!--				<h3>{$asset_info.leave_unused_num}</h3>-->
				<!--			</div>-->
				<!--			<div class="yuan">-->
				<!--				<span>{$asset_info.unused_rate}%</span>-->
				<!--			</div>-->
				<!--		</div>-->
				<!--		<div style="float: left; width: 50%; height: 50%" id="myd1"></div>-->


				<!--	</div>-->

				<!--</li>-->
				<li style="width:50%">
					<div class="tit01">产量统计</div>
						<div class=" boxnav" id="echart4" style="height: 200px;"></div>
				</li>
			</ul>
		</div>

		<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/>
		<input id="month_arr_data" value="{$order_refund_info.MonthData}" hidden/>
		<input id="order_month_info" value="{$order_refund_info.order_month_info}" hidden/>
		<input id="refund_month_info" value="{$order_refund_info.refund_month_info}" hidden/>
		<input id="leaseing" value="{$asset_info.leaseing}" hidden/>
		<input id="unlease" value="{$asset_info.unlease}" hidden/>
		<input id="leaseend" value="{$asset_info.leaseend}" hidden/>
		<input id="pay_info" value="{$asset_lease_info}" hidden>
		<input id="cate_name" value="{$service_info.cate_name}" hidden>
		<input id="cate_value" value="{$service_info.cate_value}" hidden>
		<input id="user_service_value" value="{$service_info.user_service_value}" hidden>
		<input id="supply_cate_name" value="{$service_info.supply_cate_name}" hidden>
		<input id="supply_cate_value" value="{$service_info.supply_cate_value}" hidden>
		<input id="SupplyDemandInfo" value="{$service_info.SupplyDemandInfo}" hidden>
		<input id="monthData" value="{$service_info.monthData}" hidden>
		<input id="agricultural_data" value="{$service_info.agricultural_data}" hidden>
		<input id="bake_data" value="{$service_info.bake_data}" hidden>
		<input id="air_data" value="{$service_info.air_data}" hidden>
	</div>
</body>
<script >
	//分类图表
	function echarts_1() {
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('echart1'));
		var category_data = JSON.parse(document.getElementById('category_data').value);
		var chars_category_data = JSON.parse(document.getElementById('chars_category_data').value);
		console.log(252501,category_data);
		console.log(252502,chars_category_data);
		var data = [{
			title: '乳山市'
		},
			['本年'],
			chars_category_data,
			category_data,
		]
		option = {
			color: ['#9DD060', '#35C96E', '#4DCEF8'],
			tooltip: {},
			radar: {
				center: ['50%', '50%'],
				radius: ["25%", "70%"],
				name: {
					textStyle: {
						color: '#72ACD1'
					}
				},
				splitLine: {
					lineStyle: {
						color: 'rgba(255,255,255,.0',
						width: 2
					}
				},
				axisLine: {
					lineStyle: {
						color: 'rgba(255,255,255,0.2)',
						width: 1,
						type: 'dotted'
					},
				},
				splitArea: {
					areaStyle: {
						color: ['rgba(255,255,255,.1)', 'rgba(255,255,255,0)']
					}
				},
				indicator: data[2]
			},
			series: [{
				name: '',
				type: 'radar',
				data: [{
					areaStyle: {
						normal: {
							opacity: 0.3,
						}
					},
					value: data[3],
					name: data[1][0]
				},
					{
						areaStyle: {
							normal: {
								opacity: 0.3,
							}
						},
						value: data[4],
						name: data[1][1]
					},
					{
						areaStyle: {
							normal: {
								opacity: 0.3,
							}
						},
						value: data[5],
						name: data[1][2]
					}
				]
			}]
		};
		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
		window.addEventListener("resize",function(){
			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);
		var user_service_value =JSON.parse(document.getElementById('user_service_value').value);
		var supply_cate_name =JSON.parse(document.getElementById('supply_cate_name').value);
		var supply_cate_value =JSON.parse(document.getElementById('supply_cate_value').value);
		var SupplyDemandInfo =JSON.parse(document.getElementById('SupplyDemandInfo').value);

		var unlease = JSON.parse(document.getElementById('unlease').value);
		var leaseing = JSON.parse(document.getElementById('leaseing').value);
		var leaseend = JSON.parse(document.getElementById('leaseend').value);
		var pay_info = JSON.parse(document.getElementById('pay_info').value);
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('fb01'));
		var myChart2 = echarts.init(document.getElementById('fb02'));
// 			var myChart6 = echarts.init(document.getElementById('fb03'));
		var myChart7 = echarts.init(document.getElementById('sysx'));
		var myChart3 = echarts.init(document.getElementById('fb03'));
// 		var myChart4 = echarts.init(document.getElementById('fb04'));
	

		//资产信息统计 左下
		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:['租赁中','闲置中','待续约'],
				textStyle: {
					color: 'rgba(255,255,255,.5)',
					fontSize:'12',
				}
			},
			series: [
				{
					name:'资产分布',
					type:'pie',
					center: ['35%', '50%'],
					radius: ['40%', '50%'],
					color: ['#62c98d', '#2f89cf', '#4cb9cf'],
					label: {show:false},
					labelLine: {show:false},
					data:[

						{value:leaseing, name:'租赁中'},
						{value:unlease, name:'闲置中'},
						{value:leaseend, name:'待续约'}
					]
				}
			]
		};
		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:pay_info
				}
			]
		};
		//农资供应右下
		option3 = {
			tooltip: {
				trigger: 'item',
				formatter: "{b}: {c}",
				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:'bar',
					center: ['35%', '50%'],
					radius: ['40%', '50%'],
					color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],
					label: {show:false},
					labelLine: {show:false},
					data:user_service_value
				}
			]
		};
		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:supply_cate_name,
				textStyle: {
					color: 'rgba(255,255,255,.5)',
					fontSize:'12',
				}
			},
			series: [
				{
					name:'产量占比',
					type:'pie',
					center: ['40%', '50%'],
					radius: ['40%', '50%'],
					color: [ '#e0c828','#e58c00','#eb295b','#62c98d', '#2f89cf', '#4cb9cf'],
					label: {show:false},
					labelLine: {show:false},
					data:SupplyDemandInfo
				}
			]
		};

		//资产管理
		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: [{$asset_info.unlease}],
					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: [{$asset_info.leaseend}],
					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: [{$asset_info.leaseing}],
					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() {
		var month_arr_data = JSON.parse(document.getElementById('month_arr_data').value);
		var order_month_info = JSON.parse(document.getElementById('order_month_info').value);
		var refund_month_info = JSON.parse(document.getElementById('refund_month_info').value);
        	var user_service_value =JSON.parse(document.getElementById('user_service_value').value);
		var cate_name = JSON.parse(document.getElementById('cate_name').value);
		var cate_value = JSON.parse(document.getElementById('cate_value').value);
		var monthData = JSON.parse(document.getElementById('monthData').value);
		var agricultural_data = JSON.parse(document.getElementById('agricultural_data').value);
		var bake_data = JSON.parse(document.getElementById('bake_data').value);
		var air_data = JSON.parse(document.getElementById('air_data').value);

		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('echart4'));
			var myChartz = echarts.init(document.getElementById('fb03'));
		var myChart2 = echarts.init(document.getElementById('echart3'));
		var myChart6 = echarts.init(document.getElementById('echart6'));
		//下单与退款
		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: month_arr_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: 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: order_month_info,
				barWidth:'20%', //柱子宽度
				// barGap: 1, //柱子之间间距
				itemStyle: {
					normal: {
						color:'#2f89cf',
						opacity: 1,
						barBorderRadius: 5,
					}
				}
			}, {
				name: '退款',
				type: 'bar',
				data: refund_month_info,
				barWidth:'20%',
				// barGap: 1,
				itemStyle: {
					normal: {
						color:'#62c98d',
						opacity: 1,
						barBorderRadius: 5,
					}
				}
			},
			]
		};
		option6 = {
			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: monthData,
				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: agricultural_data,
				barWidth:'20%', //柱子宽度
				// barGap: 1, //柱子之间间距
				itemStyle: {
					normal: {
						color:'#2f89cf',
						opacity: 1,
						barBorderRadius: 5,
					}
				}
			}, {
				name: '烘干',
				type: 'bar',
				data: bake_data,
				barWidth:'20%',
				// barGap: 1,
				itemStyle: {
					normal: {
						color:'#62c98d',
						opacity: 1,
						barBorderRadius: 5,
					}
				}
			},{
				name: '飞防',
				type: 'bar',
				data: air_data,
				barWidth:'20%',
				// barGap: 1,
				itemStyle: {
					normal: {
						color:'#D8BFD8',
						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: cate_name,
				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: 'bar',
				smooth: true,
				data: cate_value,
				itemStyle: {
					normal: {
						color:'#2f89cf',
						opacity: 1,

						barBorderRadius: 5,
					}
				}
			}
			]
		};
				option3 = {
			//  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: ['农机服务','烘干服务','飞防服务'],
				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: 'bar',
				smooth: true,
				data: cate_value,
                	barWidth:'30%', 
				itemStyle: {
				    
					normal: {
						color:'#2f89cf',
						opacity: 1,

						barBorderRadius: 5,
					}
				}
			}
			]
		};

		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option2);
		myChart2.setOption(option);
			myChartz.setOption(option3);
			myChart6.setOption(option6);
		window.addEventListener("resize",function(){
			myChart.resize();
		});
	}

</script>
</html>