2024-04-26，修改统计图表

13693261870

2024-04-26 98137eadda9575f61f684ab61c08709f4e26a9f8

2024-04-26，修改统计图表

 Terra.YaoGan.Web/Terra.YaoGan.Web/chart/L1.html

@@ -45,8 +45,128 @@
        }

        window.onload = function () {
            init1();
            init2();
            init3();
            init4();
        }

        function init3() {
            var c3 = echarts.init(document.getElementById('c3'));
            var option = {
                toolbox: {
                    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",
                        type: 'pie',
                        //radius: ['40%', '70%'],
                        radius: '90%',
                        center: ['50%', '50%'],
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true
                                },
                                labelLine: {
                                    show: true
                                }
                            },
                            emphasis: {
                                label: {
                                    show: true,
                                    position: 'center',
                                    textStyle: {
                                        fontSize: '15',
                                        fontWeight: 'bold'
                                    }
                                }
                            }
                        },
                        data: [
                            { value: 32, name: '天然草地' },
                            { value: 20, name: '退化' },
                            { value: 30, name: '沙化' },
                            { value: 18, name: '盐渍化' }
                        ]
                    }
                ]
            };
            c3.setOption(option);
        }

        function init4() {
            var c4 = echarts.init(document.getElementById('c4'));
            var option = {
                grid: {
                    left: 0,
                    top: 0,
                    right: 0,
                    bottom: 0,
                    borderWidth: 0,
                    containLabel: false
                },
                title: {
                    text: '                                         补种类别',
                    left: 'right',
                    show: true,
                    textStyle: {
                        color: '#fff',
                        fontSize: 20
                    }
                },
                color: [ "#4874CB",
                    '#3cb371', '#6b8e23', '#ff6347', '#7b68ee', '#00fa9a',
                    '#ff00ff', '#b8860b', '#30e0e0', '#ffd700'],
                tooltip: {
                    trigger: 'axis'
                },
                calculable: true,
                xAxis: [
                    {
                        type: 'category',
                        data: ['羊草', '沙草', '紫花苜蓿'],
                        splitLine: {
                            show: false
                        },
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color: '#fff',
                                fontSize: 14
                            }
                        }
                    }
                ],
                yAxis: [
                    {
                        type: 'value',
                        splitLine: {
                            show: true
                        },
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color: '#fff',
                                fontSize: 14
                            }
                        }
                    }
                ],
                series: [
                    {
                        name: '补种量',
                        type: 'bar',
                        data: [100, 500, 400]
                    }
                ]
            };
            c4.setOption(option);
        }

        function init1() {
@@ -146,89 +266,66 @@
<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 50px;">
                <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;">113</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;">336</span> <span>亩</span>
                    <span>天然草地</span><br /><br />
                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">32</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;">1.1</span> <span>个</span>
                    <span>退化</span><br /><br />
                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">20</span> <span>%</span>
                </div>
            </div>
        </div>
        <div style="height: 90px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">
            <div style=" float: left; box-sizing: border-box; padding: 0 0 0 50px;">
                <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;">7</span> <span>个</span>
                    <span>沙化</span><br /><br />
                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">30</span> <span>%</span>
                </div>
            </div>
        </div>
        <div style="height: 90px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">
            <div style=" float: left; box-sizing: border-box; padding: 0px 0px 0 50px;">
                <div style="color: white; width: 150px; float: left; box-sizing: border-box; border: 1px solid rgba(65,194,225, 0.4); height: 35px; line-height: 35px; vertical-align: central; border-bottom: none;">
                    <span>&nbsp;&nbsp;总人数：646</span><br /><br />
                </div>
                <div style="clear: both; height: 10px; width: 160px; border-left: 160px dashed #36C6FB; box-sizing: border-box; float: left;"></div>
                <div style="height: 10px; width: 150px; float: left; border-left: 150px dashed #E66B4E; box-sizing: border-box; "></div>
                <div style="color: white;">
                    <span style="float: left;">男：329</span>
                    <span style="float: right;">女：317</span>
                <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;">18</span> <span>%</span>
                </div>
            </div>
        </div>
        <div style="height: 180px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">
            <div style="padding: 0 0px; box-sizing: border-box;">
                <div id="c1" style="width: 50%; height: 170px; float: left;"></div>
                <div id="c2" style="width: 50%; height: 170px; margin-left: -50px; float: left;"></div>
            <div id="c3" style="padding: 0px 0px; box-sizing: border-box; height: 180px; width: 100%;">
            </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;">
            <span style="font-size: 20px; color: white; font-weight:600;">乡村生态概况</span>
        <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:20px;">
            <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 0px 0 50px;">
                <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.73</span> <span>M</span>
                    <span>总面积</span><br /><br />
                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">7554</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;">6702</span> <span>A</span>
                    <span>植被覆盖</span><br /><br />
                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">15</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;">0</span> <span>A</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: 90px; width: 100%; float: left; background-color: #023852; padding-left: 10px; box-sizing: border-box;">
            <div style=" float: left; box-sizing: border-box; padding: 0px 0px 0 50px;">
                <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;">90</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;">6</span> <span>ppm</span>
                </div>
                <div style="color: white; width: 150px; float: left; box-sizing: border-box;">
                    <span>COD</span><br /><br />
                    <span style="font-size: 25px; color: #41C2E1; font-weight: bolder;">100</span> <span>mg</span>
                </div>
        <div style="height: 180px; width: 100%; float: left; background-color: #023852; margin-top: 20px; margin-left: -20px; box-sizing: border-box;">
            <div id="c4" style="padding: 0px 0px; box-sizing: border-box; height: 130%; width: 115%;">
            </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;">
        <!--<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>
        </div>
        <div>
@@ -240,7 +337,7 @@
                    <img src="img/a2.png" style="width:155px; height: 83px; cursor: pointer;" title="乡村生态02" alt="" />
                </div>
            </div>
        </div>
        </div>-->
    </div>
</body>
</html>

 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>

 Terra.YaoGan.Web/Terra.YaoGan.Web/html/tooljs/tool.js

@@ -119,8 +119,8 @@
    showDataCount = !showDataCount;
    if (showDataCount) {
        // TBAX.createBorderDialog("左上", url, lT.width, lT.height, lT.top, lT.left, lT.bottom, lT.right);
        window.external.createPmDialogDock('showDataCount1', url + "../chart/L1.html", 530, 900, 50, 20, -1, -1);
        window.external.createPmDialogDock('showDataCount2', url + "../chart/R1.html", 530, 900, 40, -1, -1, 20);
        window.external.createPmDialogDock('showDataCount1', url + "../chart/L1.html", 530, 850, 100, 20, -1, -1);
        window.external.createPmDialogDock('showDataCount2', url + "../chart/R1.html", 530, 850, 100, -1, -1, 20);
    } else {
        window.external.closeDialog("showDataCount1");
        window.external.closeDialog("showDataCount2");