| | |
| | | |
| | | window.onload = function () { |
| | | init1(); |
| | | init2(); |
| | | //init2(); |
| | | init3(); |
| | | } |
| | | |
| | |
| | | var option = { |
| | | toolbox: { |
| | | show: false, |
| | | }, |
| | | title: { |
| | | text: '配套设施', |
| | | left: 'left', |
| | | show: true, |
| | | textStyle: { |
| | | color: '#fff', |
| | | fontSize: 15 |
| | | } |
| | | }, |
| | | calculable: true, |
| | | color: ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed', |
| | |
| | | } |
| | | }, |
| | | data: [ |
| | | { value: 15, name: '专业大户' }, |
| | | { value: 23, name: '民宿' }, |
| | | { value: 0, name: '家族农场' }, |
| | | { value: 2, name: '农民合作社' }, |
| | | { value: 0, name: '产业化企业' }, |
| | | { value: 8, name: '其它' } |
| | | { value: 20, name: '井' }, |
| | | { value: 4, name: '电' }, |
| | | { value: 1000, name: '围栏' } |
| | | ] |
| | | } |
| | | ], |
| | |
| | | fontSize: 14 |
| | | }, |
| | | itemHeight: 22, |
| | | data: ['专业大户', '民宿', '家族农场', '农民合作社', '产业化企业', '其它'] |
| | | data: ['井', '电', '围栏'] |
| | | } |
| | | }; |
| | | c1.setOption(option); |
| | |
| | | var option = { |
| | | title: { |
| | | text: " 接待游客数(人次)", |
| | | show: true, |
| | | show: false, |
| | | textStyle: { |
| | | color: '#41C2E1', |
| | | fontSize: 16 |
| | | } |
| | | }, |
| | | color: ['#87cefa', '#da70d6', '#32cd32', '#6495ed', |
| | | '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0', |
| | | '#1e90ff', '#ff6347', '#7b68ee', '#00fa9a', '#ffd700', |
| | | '#6b8e23', '#ff00ff', '#3cb371', '#b8860b', '#30e0e0'], |
| | | tooltip: { |
| | | trigger: 'axis' |
| | | }, |
| | |
| | | ], |
| | | series: [ |
| | | { |
| | | name: "接待人次", |
| | | name: "", |
| | | type: 'line', |
| | | smooth: true, |
| | | itemStyle: { |
| | |
| | | containLabel: false |
| | | }, |
| | | title: { |
| | | show: false |
| | | text: " 治理类型", |
| | | show: false, |
| | | textStyle: { |
| | | color: '#41C2E1', |
| | | fontSize: 16 |
| | | } |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis' |
| | |
| | | { |
| | | type: 'category', |
| | | barHeight: 54, |
| | | data: ['杨梅', '猕猴桃', '桃子', '梨子', '竹笋干'], |
| | | data: ['围封管护', '飞播草种', '人为干预'], |
| | | splitLine: { |
| | | show: false |
| | | }, |
| | |
| | | ], |
| | | series: [{ |
| | | type: 'bar', |
| | | data: [198.5, 48.3, 29.5, 10.5, 4.9] |
| | | data: [1000, 2000, 1325] |
| | | }] |
| | | }; |
| | | c3.setOption(option); |
| | |
| | | <body> |
| | | <div id="main"> |
| | | <div style="height: 35px; width: 100%; float: left; line-height: 35px; border-left: solid 5px #2186C8; background-color: #023852; padding-left: 10px; box-sizing: border-box; border-bottom: dashed 1px #2186C8;"> |
| | | <span style="font-size: 20px; color: white; font-weight:600;">乡村产业概况</span> |
| | | <span style="font-size: 20px; color: white; font-weight:600;">北宝力皋图嘎查</span> |
| | | </div> |
| | | |
| | | <div style="height: 110px; width: 100%; float: left; background-color: #023852; padding-left: 10px; 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;">120</span> <span>万元</span> |
| | | <span>总面积</span><br /><br /> |
| | | <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">6683</span> <span>亩</span> |
| | | </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;">25</span> <span>亩</span> |
| | | </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;">255</span> <span>人</span> |
| | | <span>PH</span><br /><br /> |
| | | <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">8.5-9</span> <span></span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div style="height: 110px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;"> |
| | | <div style=" float: left; box-sizing: border-box; padding: 20px 0px 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;">1200</span> <span>万元</span> |
| | | <span>井</span><br /><br /> |
| | | <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">20</span> <span>口</span> |
| | | </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;">28</span> <span>万人</span> |
| | | <span>电</span><br /><br /> |
| | | <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">5</span> <span>个</span> |
| | | </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;">23</span> <span>家</span> |
| | | <span>围栏</span><br /><br /> |
| | | <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">1000</span> <span>米</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <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 style="height: 150px; width: 100%; float: left; padding-left: 0px; box-sizing: border-box; margin-top: -50px;"> |
| | | <div id="c2" style="width: 110%; height: 130%; margin: 0 0 0 -40px;"> |
| | | </div> |
| | | </div>--> |
| | | |
| | | <div style="height: 35px; width: 100%; float: left; line-height: 35px; border-left: solid 5px #2186C8; background-color: #023852; padding-left: 10px; box-sizing: border-box; border-bottom: dashed 1px #2186C8; margin-top: 30px;"> |
| | | <span style="font-size: 20px; color: white; font-weight:600;">查布嘎图嘎查</span> |
| | | </div> |
| | | |
| | | <div style="height: 90px; width: 100%; float: left; background-color: #023852; padding-left: 10px; margin-top: 0px; box-sizing: border-box;"> |
| | | <div style="height: 110px; width: 100%; float: left; background-color: #023852; padding-left: 10px; 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> |
| | | <span>总面积</span><br /><br /> |
| | | <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">4325</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> |
| | | <span>土壤类型</span><br /><br /> |
| | | <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">风沙土</span> <span></span> |
| | | </div> |
| | | </div> |
| | | </div> |