13693261870
2024-04-26 98137eadda9575f61f684ab61c08709f4e26a9f8
Terra.YaoGan.Web/Terra.YaoGan.Web/chart/R1.html
@@ -46,7 +46,7 @@
        window.onload = function () {
            init1();
            init2();
            //init2();
            init3();
        }
@@ -55,6 +55,15 @@
            var option = {
                toolbox: {
                    show: false,
                },
                title: {
                    text: '配套设施',
                    left: 'left',
                    show: true,
                    textStyle: {
                        color: '#fff',
                        fontSize: 15
                    }
                },
                calculable: true,
                color: ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed',
@@ -88,12 +97,9 @@
                            }
                        },
                        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: '围栏' }
                        ]
                    }
                ],
@@ -106,7 +112,7 @@
                        fontSize: 14
                    },
                    itemHeight: 22,
                    data: ['专业大户', '民宿', '家族农场', '农民合作社', '产业化企业', '其它']
                    data: ['井', '电', '围栏']
                }
            };
            c1.setOption(option);
@@ -117,12 +123,16 @@
            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'
                },
@@ -169,7 +179,7 @@
                ],
                series: [
                    {
                        name: "接待人次",
                        name: "",
                        type: 'line',
                        smooth: true,
                        itemStyle: {
@@ -198,7 +208,12 @@
                    containLabel: false
                },
                title: {
                    show: false
                    text: "               治理类型",
                    show: false,
                    textStyle: {
                        color: '#41C2E1',
                        fontSize: 16
                    }
                },
                tooltip: {
                    trigger: 'axis'
@@ -223,7 +238,7 @@
                    {
                        type: 'category',
                        barHeight: 54,
                        data: ['杨梅', '猕猴桃', '桃子', '梨子', '竹笋干'],
                        data: ['围封管护', '飞播草种', '人为干预'],
                        splitLine: {
                            show: false
                        },
@@ -256,7 +271,7 @@
                ],
                series: [{
                    type: 'bar',
                    data: [198.5, 48.3, 29.5, 10.5, 4.9]
                    data: [1000, 2000, 1325]
                }]
            };
            c3.setOption(option);
@@ -266,21 +281,22 @@
<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;">
                    &nbsp;
                    <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>
@@ -293,37 +309,41 @@
        <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;">
                    &nbsp;
                </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>