lincaoju.git - Gitblit

			@@ -47,6 +47,7 @@
			window.onload = function () {
			init1();
			init2();
			init3();
			}

			function init1() {
			@@ -56,6 +57,10 @@
			show: false,
			},
			calculable: true,
			color: ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed',
			'#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0',
			'#1e90ff', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700',
			'#6b8e23', '#ff00ff', '#3cb371', '#b8860b', '#30e0e0'],
			series: [
			{
			name: "c1",
			@@ -111,7 +116,7 @@
			var c2 = echarts.init(document.getElementById('c2'));
			var option = {
			title: {
			text: " 接待游客数（人次）",
			text: " 接待游客数（人次）",
			show: true,
			textStyle: {
			color: '#41C2E1',
			@@ -180,6 +185,82 @@
			};
			c2.setOption(option);
			}

			function init3() {
			var c3 = echarts.init(document.getElementById('c3'));
			var option = {
			grid: {
			left: 0,
			top: 0,
			right: 0,
			bottom: 0,
			borderWidth: 0,
			containLabel: false
			},
			title: {
			show: false
			},
			tooltip: {
			trigger: 'axis'
			},
			calculable: true,
			xAxis: [
			{
			type: 'value',
			splitLine: {
			show: false
			},
			axisLabel: {
			show: false,
			textStyle: {
			color: '#fff',
			fontSize: 14
			}
			}
			}
			],
			yAxis: [
			{
			type: 'category',
			barHeight: 54,
			data: ['杨梅', '猕猴桃', '桃子', '梨子', '竹笋干'],
			splitLine: {
			show: false
			},
			smooth: true,
			label: {
			normal: {
			show: true,
			position: "right",
			offset: [5, -2],
			textStyle: {
			color: "#fff",
			fontSize: 12
			}
			}
			},
			axisLabel: {
			show: true,
			textStyle: {
			color: '#fff',
			fontSize: 14
			}
			},
			scale: true,
			inverse: true,
			nameTextStyle: {
			color: '#fff',
			fontSize: 18
			}
			}
			],
			series: [{
			type: 'bar',
			data: [198.5, 48.3, 29.5, 10.5, 4.9]
			}]
			};
			c3.setOption(option);
			}
			</script>
			</head>
			<body>
			@@ -195,15 +276,16 @@
			<span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">120</span> <span>万元</span>
			</div>
			<div style="color: white; width: 150px; float: left; box-sizing: border-box;">

			</div>
			<div style="color: white; width: 150px; float: left; box-sizing: border-box;">
			<span>党组织数</span><br /><br />
			<span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">1.1</span> <span>个</span>
			<span>从业总人数</span><br /><br />
			<span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">255</span> <span>人</span>
			</div>
			</div>
			</div>

			<div style="height: 250px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">
			<div style="height: 200px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">
			<div id="c1" style="float: left; box-sizing: border-box; padding: 0 35px 0 20px; width: 100%; height: 100%;">
			</div>
			</div>
			@@ -225,8 +307,28 @@
			</div>
			</div>

			<div style="height: 200px; width: 100%; float: left; padding-left: 0px; box-sizing: border-box;">
			<div id="c2" style="width: 110%; height: 120%; margin: 0 0 0 -30px;">
			<div style="height: 150px; width: 100%; float: left; padding-left: 0px; box-sizing: border-box;">
			<div id="c2" style="width: 110%; height: 120%; margin: 0 0 0 -40px;">
			</div>
			</div>

			<div style="height: 90px; width: 100%; float: left; background-color: #023852; padding-left: 10px; margin-top: 0px; box-sizing: border-box;">
			<div style=" float: left; box-sizing: border-box; padding: 20px 0 0 20px;">
			<div style="color: white; width: 150px; float: left; box-sizing: border-box;">
			<span>农产品总销量</span><br /><br />
			<span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">1280</span> <span>吨</span>
			</div>
			<div style="color: white; width: 150px; float: left; box-sizing: border-box;">

			</div>
			<div style="color: white; width: 150px; float: left; box-sizing: border-box;">
			<span>农产品总销售额</span><br /><br />
			<span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">296.8</span> <span>万元</span>
			</div>
			</div>
			</div>
			<div style="height: 180px; width: 100%; float: left; padding-left: 10px; margin-top: -50px; box-sizing: border-box; border: 0px solid red;">
			<div id="c3" style="width: 100%; height: 150%; margin: 0 0 0 0px;">
			</div>
			</div>
			</div>