var loadGeoJson = {}; var element; var table; var slider; var dom = document.getElementById("container"); var myChart = echarts.init(dom); var option; var myCharts = {}; var myTables = {}; myChart.showLoading(); var msurl = './json/市级_山西.json'; var qxurl = './json/县级_山西.json'; var namefield = "name"; var valuefield = "Shape_Area"; var codefield = "CODE"; var statisticsInfoByXZQ; var xzqSlider; var resertEchartsParams = {}; var objList = [] var levelName = ['优等地', '高等地', '中等地', '低等地'] var levelColor = ['rgb(77,179,0)', 'rgb(187,230,0)', 'rgb(237,213,0)', 'rgb(199,139,0)'] var XZQDMName = null var mapYears = null var mapYearsType = true var qixianName = null var curYear = null var mapYearsType1 = true var analysisList = [] var targetType = false var analysisListShi = null var analysisListXdata = null var analysisListXian = null var analysisListQdata = null var analysisListQian = null var analysisListQX = [] // 存储县级数据 var analysisListType = false // 点击县级的状态 var configInfo = InitialParameter("/Config.json"); globleUrl = configInfo["modelOrigin"].type + "://" + configInfo["modelOrigin"].value; $(".loading").css("line-height", $(".loading").height() + "px"); window.onload = function () { setTimeout(function () { layui.use(['form', 'layer', 'element', 'slider', 'table'], function () { element = layui.element; table = layui.table; slider = layui.slider; init(); timeLine() }); $(".xzqBtn").click(function (e) { onTabClick(e); }); }, 5); } // 封装的jquery的get方法 function InitialParameter(url) { var info = null; $.ajax({ async: false, url: url, success: function(result) { info = result; }, error: function(result) { console.log(result); // info = JSON.parse(Base64.decode(result.responseText)); } }); return info; } // 封装的ajax请求 function getGeoJson(url) { $.ajaxSettings.async = false; var geojson = null; $.get(url, function (results) { geojson = results; }); return geojson; } // 行政区划数据 function getXZQData() { return { "2010": { "140100": "1374.0827", "140121": "303.4894", "140122": "202.2398", "140123": "77.4958", "140124": "36.6520", "140125": "93.4583", "140200": "1755.7348", "140205": "92.2838", "140206": "33.9922", "140221": "526.4236", "140222": "220.4025", "140223": "723.9749", "140300": "126.0676", "140302": "345.7554", "140303": "1035.9252", "140304": "635.4588", "140400": "414.3692", "140402": "246.6370", "140403": "96.0690", "140404": "127.1165", "140421": "237.0112", "140422": "258.1460", "140423": "82.9698", "140424": "70.8896", "140425": "246.3135", "140426": "250.1353", "140428": "72.1090", "140429": "259.2111", "140430": "179.9762", "140500": "291.3779", "140502": "275.5176", "140521": "377.2406", "140522": "275.8139", "140523": "227.3493", "140524": "230.0927", "140525": "125.2743", "140526": "2469.5459", "140581": "558.3716", "140600": "575.5978", "140602": "4877.0074", "140621": "1176.6392", "140622": "816.3575", "140623": "215.8867", "140624": "3198.3529", "140625": "284.0745", "140626": "1124.7510", "140627": "2268.0609", "140702": "488.0201", "140721": "132.9112", "140722": "221.8521", "140723": "213.3633", "140724": "404.1722", "140725": "459.5585", "140726": "163.6010", "140727": "21.0697", "140781": "760.7122", "140782": "707.3486", "140783": "153.4838", "140784": "76.5792", "140785": "117.8202", "140800": "1083.5472", "140802": "447.9144", "140821": "124.5021", "140822": "129.1322", "140823": "766.5901", "140824": "1092.9483", "140825": "163.7870", "140826": "144.5532", "140900": "349.2848", "140902": "448.9940", "140921": "9.9996", "140922": "101.2754", "140923": "125.2193", "140924": "205.0660", "140925": "61.9459", "140926": "268.0242", "140927": "112.4528", "140928": "28.0536", "140929": "54.0725", "140981": "83.8572", "142200": "0.04", "142201": "467.7327", "142202": "148.0441", "142221": "440.2199", "142222": "414.4389", "142223": "397.8823", "142224": "60.0480", "142500": "183.5569", "142501": "746.7674", "142502": "782.7479", "142522": "18.28", "142523": "49.4689", "142524": "26.8418", "142525": "309.1744", "142526": "1068.8855", "142527": "262.5052", "142528": "17.9076", "142529": "30.7902", "142530": "319.3177", "142531": "240.9515", "142900": "545.0977", "142921": "471.0895", "142922": "62.8292", "142923": "696.4943" }, "2011": { "140100": "725.7382", "140121": "867.3320", "140122": "145.9741", "140123": "181.2380", "140124": "553.5097", "140125": "201.2746", "140200": "1350.0051", "140205": "311.0845", "140206": "165.3985", "140221": "376.3236", "140222": "203.3382", "140223": "68.1117", "140300": "42.7176", "140302": "367.7678", "140303": "743.4373", "140304": "315.2416", "140400": "3966.1607", "140402": "110.2660", "140403": "259.3619", "140404": "93.3318", "140421": "111.9776", "140422": "554.7623", "140423": "113.5398", "140424": "169.8721", "140425": "241.0156", "140426": "371.3716", "140428": "1193.7264", "140429": "452.6335", "140430": "265.7366", "140500": "556.1597", "140502": "684.9885", "140521": "473.4730", "140522": "161.3675", "140523": "225.0738", "140524": "123.2909", "140525": "141.8375", "140526": "1035.5378", "140581": "1700.3540", "140600": "1259.0139", "140602": "2953.3671", "140621": "1275.8068", "140622": "2158.0129", "140623": "957", "140624": "1940.8689", "140625": "853.8531", "140626": "1143.2198", "140627": "1913.9836", "140700": "56.8958", "140702": "458.2778", "140721": "295.2057", "140722": "197.5868", "140723": "115.6403", "140724": "243.6128", "140725": "1982.9274", "140726": "73.5103", "140727": "193.7684", "140781": "1224.7420", "140782": "131.1689", "140783": "872.8530", "140784": "379.3342", "140785": "75.8478", "140800": "306.9381", "140802": "511.5864", "140821": "238.5011", "140822": "141.2888", "140823": "552.8114", "140824": "718.7155", "140825": "233.1595", "140826": "191.0096", "140900": "203.6254", "140902": "1097.8265", "140921": "188.6192", "140922": "240.4510", "140923": "230.6365", "140924": "538.2339", "140925": "71.0454", "140926": "334.8470", "140927": "125.5322", "140928": "289.6747", "140929": "90.9401", "140981": "97.6970", "142201": "518.2211", "142202": "457.6433", "142221": "341.4587", "142222": "107.4360", "142223": "317.3830", "142224": "54.3868", "142500": "151.9482", "142501": "396.4625", "142502": "2118.0633", "142522": "374.5748", "142523": "16.8651", "142524": "4.8571", "142525": "264.4244", "142526": "1750.4778", "142527": "289.8049", "142528": "31.4878", "142529": "168.4125", "142530": "1936.71", "142531": "203.1190", "142900": "928.3924", "142921": "1271.70", "142922": "79.6201", "142923": "1010.9917" }, "2012": { "140100": "904.2517", "140121": "537.5601", "140122": "593.1409", "140123": "39.3442", "140124": "47.6449", "140125": "95.6354", "140200": "1335.2940", "140205": "157.5631", "140206": "18.6804", "140221": "727.4547", "140222": "145.4735", "140223": "104.0529", "140300": "535.6164", "140302": "456.4690", "140303": "529.2270", "140304": "85.3308", "140400": "2971.6672", "140402": "328.4169", "140403": "2426.4520", "140404": "173.7092", "140421": "215.0982", "140422": "248.9963", "140423": "98.1331", "140424": "91.7084", "140425": "260.2441", "140426": "246.9027", "140428": "367.0889", "140429": "471.5247", "140430": "209.8419", "140500": "438.8931", "140502": "341.8848", "140521": "307.9967", "140522": "1078.4476", "140523": "332.1588", "140524": "251.1891", "140525": "370.3165", "140526": "382.3510", "140581": "1065.8378", "140600": "352.4580", "140602": "1085.2704", "140621": "1103.3342", "140622": "2227.1315", "140623": "275.0806", "140624": "1747.3696", "140625": "654.2865", "140626": "459.1384", "140627": "1853.2854", "140700": "258.0701", "140702": "909.1869", "140721": "292.5792", "140722": "861.0902", "140723": "912.0391", "140724": "120.2348", "140725": "191.0157", "140726": "596.4336", "140727": "775.7596", "140781": "862.1870", "140782": "1643.0023", "140783": "643.5763", "140784": "92.5346", "140785": "54.3751", "140800": "483.2342", "140802": "1207.2431", "140821": "1107.5430", "140822": "143.0646", "140823": "664.9228", "140824": "2684.7980", "140825": "493.9453", "140826": "496.7032", "140900": "140.5657", "140902": "812.1640", "140921": "351.8924", "140922": "184.1644", "140923": "155.2511", "140924": "935.2508", "140925": "238.5902", "140926": "1139.4389", "140927": "139.7702", "140928": "73.7747", "140929": "178.8194", "140981": "342.7902", "142201": "1267.2437", "142202": "109.8130", "142221": "1546.6124", "142222": "944.5461", "142223": "530.4248", "142224": "693.9114", "142500": "209.5299", "142501": "403.2040", "142502": "1095.1108", "142522": "59.2193", "142523": "302.9508", "142524": "207.3452", "142525": "1110.0607", "142526": "2761.4695", "142527": "269.2814", "142528": "29.6824", "142529": "66.9245", "142530": "253.9864", "142531": "57.1876", "142900": "469.0522", "142921": "2055.2058", "142922": "88.3629", "142923": "1210.9203" }, "2013": { "140100": "1233.5368", "140121": "343.8090", "140122": "360.7394", "140123": "343.7453", "140124": "142.6128", "140125": "155.0838", "140200": "1917.4828", "140205": "181.7986", "140206": "650.5456", "140221": "253.6148", "140222": "158.7589", "140223": "505.7883", "140300": "3.4244", "140302": "306.1179", "140303": "244.3298", "140304": "113.7825", "140400": "989.5815", "140402": "408.3445", "140403": "87.4224", "140404": "65.3362", "140421": "265.5460", "140422": "903.5161", "140423": "170.4438", "140424": "598.8138", "140425": "1079.4011", "140426": "358.3927", "140428": "61.2580", "140429": "281.0602", "140430": "538.1826", "140500": "217.5431", "140502": "845.5010", "140521": "1277.8440", "140522": "276.7721", "140523": "296.6204", "140524": "424.7533", "140525": "372.2175", "140526": "1156.0768", "140581": "1410.8531", "140600": "774.9078", "140602": "122.6553", "140621": "1496.1698", "140622": "4752.2966", "140623": "608.2063", "140624": "868.9294", "140625": "775.2818", "140626": "2169.8123", "140627": "810.1439", "140700": "134.8730", "140702": "368.5780", "140721": "351.7371", "140722": "131.6751", "140723": "289.9349", "140724": "627.6299", "140725": "734.6426", "140726": "1026.6029", "140727": "54.3299", "140781": "1272.0569", "140782": "926.4627", "140783": "167.9113", "140784": "111.46", "140785": "158.7986", "140800": "98.0373", "140802": "1326.0608", "140821": "435.7942", "140822": "522.9419", "140823": "485.8252", "140824": "812.8404", "140825": "374.0821", "140826": "715.3304", "140900": "1774.4002", "140902": "887.1772", "140921": "50.5576", "140922": "361.3739", "140923": "398.0033", "140924": "191.3758", "140925": "223.7503", "140926": "1023.6560", "140927": "401.4983", "140928": "107.5554", "140929": "71.6216", "140981": "179.6324", "142201": "640.3407", "142202": "255.7856", "142221": "389.8087", "142222": "94.2839", "142223": "174.8117", "142224": "209.1665", "142500": "85.7355", "142501": "262.7879", "142502": "1860.9893", "142522": "1172.4603", "142523": "1320.8754", "142524": "78.3491", "142525": "236.3568", "142526": "1866.5976", "142527": "713.5611", "142528": "17.3726", "142529": "21.6243", "142530": "616.6231", "142531": "214.8423", "142900": "760.2447", "142921": "2563.6273", "142922": "701.6768", "142923": "1702.0935" }, "2014": { "140100": "492.4480", "140121": "188.6080", "140122": "176.9947", "140123": "591.3140", "140124": "247.52", "140125": "70.6449", "140200": "1288.2103", "140205": "146.1707", "140206": "21.9620", "140221": "558.5203", "140222": "116.1729", "140223": "183.2619", "140300": "8.6334", "140302": "185.9441", "140303": "235.6272", "140304": "359.9537", "140400": "186.4628", "140402": "501.3645", "140403": "1167.6727", "140404": "505.5814", "140421": "149.3648", "140422": "51.0924", "140423": "76.9384", "140424": "386.9924", "140425": "130.3016", "140426": "123.2055", "140428": "239.5615", "140429": "122.6820", "140430": "228.6348", "140500": "253.3864", "140502": "721.6941", "140521": "689.1426", "140522": "568.6140", "140523": "393.2609", "140524": "367.3057", "140525": "662.4712", "140526": "120.4832", "140581": "1049.7418", "140600": "879.8749", "140602": "137.3573", "140621": "173.9434", "140622": "604.4744", "140623": "640.4436", "140624": "820.0302", "140625": "453.8570", "140626": "721.6363", "140627": "1719.2095", "140700": "34.5395", "140702": "585.3405", "140721": "2979.6018", "140722": "476.3002", "140723": "171.8187", "140724": "208.4303", "140725": "194.5935", "140726": "166.2243", "140727": "147.8713", "140781": "731.1598", "140782": "502.6526", "140783": "911.2987", "140784": "1658.0546", "140785": "369.1015", "140800": "21.6871", "140802": "547.3604", "140821": "264.6688", "140822": "71.2161", "140823": "137.7194", "140824": "491.1039", "140825": "205.9957", "140826": "140.8115", "140900": "17.0335", "140902": "395.0336", "140921": "1032.1476", "140922": "234.3908", "140923": "247.1679", "140924": "403.1076", "140925": "98.8578", "140926": "1438.8968", "140927": "804.2020", "140928": "138.4346", "140929": "83.2574", "140981": "126.5918", "142201": "545.92", "142202": "50.4333", "142221": "198.3151", "142222": "240.8704", "142223": "684.0778", "142224": "96.2999", "142500": "32.1702", "142501": "1341.0582", "142502": "567.5273", "142522": "105.6240", "142523": "25.6986", "142524": "560.7732", "142525": "510.6955", "142526": "1013.8351", "142527": "123.6345", "142528": "90.5005", "142529": "41.4253", "142530": "98.1328", "142531": "117.6360", "142900": "256.8999", "142921": "3325.1233", "142922": "335.5565", "142923": "1211.5292" }, "2015": { "140100": "657.4011", "140121": "723.8162", "140122": "667.0248", "140123": "339.9292", "140124": "120.6502", "140125": "56.9105", "140200": "1217.3084", "140205": "25.4219", "140206": "2.5274", "140221": "54.4517", "140222": "51.5740", "140223": "666.4069", "140302": "170.1886", "140303": "70.8085", "140304": "53.4379", "140400": "490.4053", "140402": "303.5389", "140403": "390.3715", "140404": "180.6301", "140421": "98.9250", "140422": "242.7316", "140423": "72.2480", "140424": "322.9428", "140425": "1364.5745", "140426": "270.0106", "140428": "182.4540", "140429": "598.8187", "140430": "515.23", "140500": "88.7969", "140502": "2186.6435", "140521": "244.7616", "140522": "188.4618", "140523": "184.0365", "140524": "275.1297", "140525": "557.1465", "140526": "1042.1148", "140581": "225.6945", "140600": "500.3178", "140602": "5.03", "140621": "1433.7775", "140622": "667.1636", "140623": "426.1136", "140624": "1163.3104", "140625": "537.4468", "140626": "55.0932", "140627": "2001.0690", "140702": "1425.3584", "140721": "213.6453", "140722": "168.2451", "140723": "243.6116", "140724": "207.5931", "140725": "281.2689", "140726": "493.3851", "140727": "1925.8939", "140781": "394.5656", "140782": "201.2507", "140783": "812.4978", "140784": "168.8555", "140785": "183.3510", "140800": "69.6997", "140802": "389.8238", "140821": "183.3239", "140822": "244.1428", "140823": "92.9422", "140824": "81.3083", "140825": "58.3936", "140826": "997.4156", "140900": "8.6108", "140902": "308.0123", "140921": "382.3081", "140922": "176.6065", "140923": "316.9157", "140924": "800.9615", "140925": "384.1871", "140926": "492.9450", "140927": "235.3594", "140928": "594.6195", "140929": "542.7934", "140981": "129.7236", "142201": "324.1166", "142202": "146.2951", "142221": "925.9685", "142222": "322.4206", "142223": "254.5995", "142224": "61.1898", "142500": "35.8069", "142501": "228.0798", "142502": "437.2987", "142522": "45.2911", "142523": "22.8543", "142524": "369.3068", "142525": "237.2537", "142526": "318.8456", "142527": "119.3511", "142528": "2.0433", "142529": "88.1886", "142530": "901.7733", "142531": "356.1301", "142900": "477.8186", "142921": "1541.0103", "142922": "824.7247", "142923": "433.0127" }, "2016": { "140100": "661.1344", "140121": "1037.7875", "140122": "254.3192", "140123": "442.0186", "140124": "48.6703", "140125": "64.2028", "140200": "884.7170", "140205": "266.5242", "140206": "26.8029", "140221": "316.7394", "140222": "206.1457", "140223": "830.5623", "140300": "44.4470", "140302": "295.7570", "140303": "429.8497", "140304": "80.2683", "140400": "194.5989", "140402": "272.4798", "140403": "135.3283", "140404": "332.0728", "140421": "97.7835", "140422": "95.6966", "140423": "1380.6984", "140424": "66.0825", "140425": "391.8810", "140426": "660.9042", "140428": "370.2464", "140429": "104.7608", "140430": "161.1808", "140500": "82.1084", "140502": "2548.7661", "140521": "46.8017", "140522": "48.4738", "140523": "89.6924", "140524": "46.5803", "140525": "1776.9762", "140526": "182.2746", "140581": "549.4926", "140600": "272.8034", "140621": "352.0157", "140622": "552.1714", "140623": "252.0576", "140624": "377.1648", "140625": "87.6007", "140626": "1084.3177", "140627": "129.0268", "140700": "15.9108", "140702": "1404.0920", "140721": "65.9877", "140722": "123.8470", "140723": "101.9339", "140724": "36.2066", "140725": "101.3626", "140726": "134.3530", "140727": "100.6636", "140781": "349.7098", "140782": "256.4075", "140783": "190.72", "140784": "128.8655", "140785": "29.3776", "140802": "771.1962", "140821": "110.1367", "140822": "506.1767", "140823": "87.7133", "140824": "185.6619", "140825": "12.1326", "140826": "861.0456", "140902": "308.3716", "140921": "25.7568", "140922": "30.1426", "140923": "65.5157", "140924": "154.5962", "140925": "92.1627", "140926": "640.0016", "140927": "362.9310", "140928": "100.7349", "140929": "184.7764", "140981": "260.7272", "142201": "605.5936", "142202": "351.1974", "142221": "452.0705", "142222": "87.5717", "142223": "1229.4216", "142224": "73.8173", "142500": "10.5162", "142501": "546.6708", "142502": "485.1853", "142522": "301.0052", "142523": "10.8018", "142524": "204.4706", "142525": "53.1570", "142526": "286.4228", "142527": "140.3932", "142528": "23.2263", "142529": "19.8112", "142530": "843.6334", "142531": "330.7295", "142900": "504.9594", "142921": "1227.4446", "142922": "62.6288", "142923": "2212.8305" }, "2017": { "140100": "656.1373", "140121": "194.7794", "140122": "227.9812", "140123": "1478.4323", "140124": "9.4706", "140125": "632.0803", "140200": "1099.9997", "140205": "35.7632", "140206": "14.0420", "140221": "342.8664", "140222": "298.8545", "140223": "291.3892", "140300": "183.0166", "140302": "268.0858", "140303": "103.9129", "140304": "132.2715", "140400": "495.0339", "140402": "370.0489", "140403": "358.5887", "140404": "474.2119", "140421": "473.4359", "140422": "68.5563", "140423": "258.3960", "140424": "329.0697", "140425": "267.5409", "140426": "92.4187", "140428": "68.9703", "140429": "63.9042", "140430": "666.5238", "140500": "88.1941", "140502": "640.8283", "140521": "199.8471", "140522": "60.6928", "140523": "47.0109", "140524": "80.1254", "140525": "393.3848", "140526": "368.72", "140581": "236.9509", "140600": "583.7623", "140621": "3040.0037", "140622": "1181.9655", "140623": "600.4076", "140624": "361.4340", "140625": "3362.5191", "140626": "1769.3013", "140627": "970.6010", "140702": "506.6148", "140721": "179.8178", "140722": "784.4733", "140723": "180.7148", "140724": "661.4439", "140725": "776.1707", "140726": "102.9001", "140727": "1839.8505", "140781": "234.2544", "140782": "324.9592", "140783": "241.5482", "140784": "114.6391", "140785": "11.6312", "140800": "1.1883", "140802": "702.0917", "140821": "112.1550", "140822": "125.3605", "140823": "143.8519", "140824": "809.7385", "140825": "84.4042", "140826": "92.9978", "140902": "636.8617", "140921": "1229.7784", "140922": "51.3874", "140923": "353.4095", "140924": "246.2279", "140925": "60.4363", "140926": "1707.6388", "140927": "61.5988", "140928": "147.7167", "140929": "96.3376", "140981": "93.0628", "142201": "790.8320", "142202": "46.6621", "142221": "237.1121", "142222": "1743.5119", "142223": "292.8834", "142224": "352.5204", "142500": "29.1288", "142501": "305.8475", "142502": "1623.3117", "142522": "94.1393", "142523": "21.1443", "142524": "67.9038", "142525": "124.4579", "142526": "806.8879", "142527": "143.8064", "142528": "35.7630", "142529": "31.75", "142530": "67.8160", "142531": "538.9874", "142900": "552.6106", "142921": "5301.7925", "142922": "1405.9631", "142923": "7346.5042" }, "2018": { "140100": "1542.4120", "140121": "1113.8766", "140122": "495.6454", "140123": "659.2463", "140124": "188.1108", "140125": "74.8566", "140200": "1453.1215", "140205": "76.5217", "140206": "18.1574", "140221": "129.9280", "140222": "79.5460", "140223": "307.4890", "140300": "48.9424", "140302": "173.3332", "140303": "224.1612", "140304": "283.7588", "140400": "208.2525", "140402": "574.4189", "140403": "339.3090", "140404": "534.4803", "140421": "372.8863", "140422": "281.7991", "140423": "46.8522", "140424": "255.4985", "140425": "146.0350", "140426": "113.3093", "140428": "232.6016", "140429": "275.2395", "140430": "313.4722", "140500": "317.3409", "140502": "2451.4360", "140521": "230.48", "140522": "112.0213", "140523": "230.3941", "140524": "11.1156", "140525": "764.6047", "140526": "351.5881", "140581": "58.6065", "140600": "222.8938", "140621": "1078.3351", "140622": "405.5149", "140623": "94.0762", "140624": "492.6161", "140625": "111.0964", "140626": "415.0164", "140627": "499.3547", "140702": "168.6260", "140721": "113.7414", "140722": "50.5382", "140723": "1035.7011", "140724": "49.86", "140725": "748.8506", "140726": "153.0970", "140727": "85.6922", "140781": "420.5807", "140782": "139.5195", "140783": "198.2301", "140784": "390.1866", "140785": "52.3869", "140800": "23.2084", "140802": "646.5557", "140821": "162.2169", "140822": "159.0596", "140823": "142.3189", "140824": "388.0174", "140825": "155.4954", "140826": "72.2824", "140902": "385.4288", "140921": "163.1308", "140922": "320.4870", "140923": "65.5738", "140924": "511.7722", "140925": "107.3549", "140926": "901.5117", "140927": "71.3598", "140928": "200.9832", "140929": "118.9516", "140981": "162.6668", "142201": "337.3066", "142202": "114.6808", "142221": "368.0983", "142222": "133.2952", "142223": "189.4134", "142224": "47.1110", "142500": "18.8130", "142501": "113.6131", "142502": "1044.1396", "142522": "160.9538", "142523": "16.2491", "142524": "73.9273", "142525": "770.0922", "142526": "411.2780", "142527": "248.5166", "142528": "129.9417", "142529": "84.0227", "142530": "177.0777", "142531": "360.8542", "142900": "965.08", "142921": "728.7687", "142922": "833.2239", "142923": "685.2196" }, "2019": { "140100": "1426.4599", "140121": "429.9321", "140122": "71.3865", "140123": "409.5661", "140124": "82.0733", "140125": "59.5187", "140200": "1370.4218", "140205": "149.3454", "140221": "389.0164", "140222": "69.3430", "140223": "766.8370", "140302": "255.7231", "140303": "140.8585", "140304": "222.6433", "140400": "262.8053", "140402": "367.1949", "140403": "102.4690", "140404": "353.2841", "140421": "1078.3273", "140422": "409.7543", "140423": "44.7654", "140424": "464.1628", "140425": "397.6922", "140426": "414.3687", "140428": "81.2956", "140429": "337.8858", "140430": "336.5303", "140500": "539.6015", "140502": "134.9630", "140521": "235.2053", "140522": "1309.6345", "140523": "167.9607", "140524": "88.0074", "140525": "591.6426", "140526": "335.0253", "140581": "120.5032", "140600": "767.1310", "140621": "1007.3587", "140622": "1970.4013", "140623": "1234.8686", "140624": "339.4425", "140625": "268.6749", "140626": "1147.4756", "140627": "1428.3857", "140702": "200.3513", "140721": "268.4670", "140722": "58.1022", "140723": "96.9057", "140724": "1670.0388", "140725": "1029.8746", "140726": "142.8676", "140727": "334.0793", "140781": "125.3805", "140782": "84.3603", "140783": "184.9263", "140784": "122.6631", "140785": "51.6365", "140800": "23.1206", "140802": "611.8814", "140821": "297.5557", "140822": "31.2730", "140823": "84.4795", "140824": "319.7463", "140825": "355.5374", "140826": "61.0247", "140902": "573.5614", "140921": "216.0572", "140922": "75.5550", "140923": "141.3324", "140924": "121.3818", "140925": "603.5244", "140926": "1532.0602", "140927": "121.3032", "140928": "154.4787", "140929": "137.8006", "140981": "555.7604", "142201": "447.3956", "142202": "10.5571", "142221": "302.0771", "142222": "72.8530", "142223": "193.6069", "142224": "228.6765", "142500": "1602.8985", "142501": "151.8468", "142502": "337.9305", "142522": "63.2894", "142523": "478.6132", "142524": "89.0827", "142525": "232.0411", "142526": "434.4370", "142527": "128.1066", "142528": "73.2098", "142529": "331.5521", "142530": "110.2495", "142531": "320.1140", "142900": "520.1916", "142921": "870.7220", "142922": "358.3483", "142923": "492.7120" }, "2020": { "140100": "824.3833", "140121": "212.4403", "140122": "68.7290", "140123": "405.9009", "140124": "86.1804", "140125": "45.4994", "140200": "722.9020", "140205": "85.8040", "140206": "14.6681", "140221": "36.7410", "140222": "27.2602", "140223": "308.6865", "140302": "139.2861", "140303": "287.3080", "140304": "213.2499", "140400": "233.3834", "140402": "821.2440", "140403": "98.6719", "140404": "778.3350", "140421": "38.4991", "140422": "72.5462", "140423": "139.1010", "140424": "81.9209", "140425": "1796.9944", "140426": "90.4892", "140428": "429.0789", "140429": "320.0524", "140430": "237.1708", "140500": "186.7169", "140502": "176.6268", "140521": "84.1853", "140522": "83.4525", "140523": "298.5162", "140524": "33.5498", "140525": "207.1127", "140526": "103.7207", "140581": "67.6355", "140600": "140.7863", "140602": "390.7629", "140621": "509.6370", "140622": "894.9456", "140623": "392.4390", "140624": "191.6298", "140625": "164.9536", "140626": "359.8964", "140627": "654.3306", "140702": "64.2674", "140721": "196.9512", "140722": "1206.5899", "140723": "248.1823", "140724": "284.1358", "140725": "469.4776", "140726": "29.8315", "140727": "11.4149", "140781": "132.8673", "140782": "319.6468", "140783": "81.0593", "140784": "45.0656", "140785": "159.7807", "140802": "172.5762", "140821": "209.4779", "140822": "9.4834", "140823": "40.8134", "140824": "54.5912", "140825": "93.4048", "140826": "183.8227", "140902": "362.3346", "140921": "886.6824", "140922": "38.5836", "140923": "120.6704", "140924": "526.3233", "140925": "240.2410", "140926": "758.8196", "140927": "260.9247", "140928": "129.8564", "140929": "208.0759", "140981": "275.2294", "142201": "817.4404", "142202": "11.5312", "142221": "445.7731", "142222": "23.4501", "142223": "117.9373", "142224": "16.3246", "142500": "5.5730", "142501": "13.4411", "142502": "1419.2019", "142522": "50.5499", "142523": "43.3847", "142524": "18.2201", "142525": "96.5219", "142526": "2089.4329", "142527": "76.1852", "142528": "806.2521", "142529": "161.4295", "142530": "56.1777", "142531": "356.9230", "142900": "236.6538", "142921": "640.4761", "142922": "241.5932", "142923": "233.7002" } }; } // 获取专项统计模块获取登陆信息和点击地图 function init() { // var userinfo = getUserInfo(); // if (!userinfo) { // console.error("专项统计模块获取登陆信息失败!"); // return; // } windowResizeFun(); var list = {}; for (var attr in TDYTDM.classify) { var item = TDYTDM.classify[attr]; for (var i = 0; i < item.length; i++) { list[item[i]] = attr; } } TDYTDM["handle"] = list; getGDLBData(); resertEcharts("", "1"); // 点击地图 myChart.on('click', function (params) { if (params.name) { $(".loading").show(); setTimeout(function () { mapYearsType1 = false btnType = false currentXzqdm = params.data.code getGDLBData(params.data.code) if ((parseInt(params.seriesName) + 1).toString() == "2") { dataShi = objList } else if ((parseInt(params.seriesName) + 1).toString() == "3") { dataXian = objList } // resertEcharts("", "1"); // resertEcharts(params.data.code, (parseInt(params.seriesName) + 1).toString(), params.name); }, 10); } }); myChart.hideLoading(); } // 画地图图表 function resertEcharts(xzq, type, name, year) { if (!year) { resertEchartsParams = { xzq: xzq, type: type, name: name } } if (!statisticsInfoByXZQ) { statisticsInfoByXZQ = getXZQData(); if (statisticsInfoByXZQ) { var years = []; for (var attr in statisticsInfoByXZQ) { years.push(parseInt(attr)); } years.sort(function (a, b) { return a - b; }); statisticsInfoByXZQ["years"] = years; } xzqSlider = slider.render({ elem: '#' + XZQConfig.container, min: years[0], max: years[years.length - 1], theme: '#5470c6', //type: 'vertical', //垂直滑块 showstep: true, change: function (data) { resertEcharts(null, null, null, data); } }); statisticsInfoByXZQ["curYear"] = statisticsInfoByXZQ["years"][0]; } curYear = year ? year : statisticsInfoByXZQ["curYear"]; var mapYearsText = null if (mapYearsType) { mapYearsText = mapYears mapYearsType = false } else { if (mapYearsType1) { mapYearsText = curYear } else { mapYearsText = mapYears } } let yearSpan = currentYear === '' ? yearData[0] : currentYear $(".yearSpan").html(yearSpan + "年"); statisticsInfoByXZQ["curYear"] = curYear; var list = []; var chartType = ""; switch (resertEchartsParams.type) { case "1": //盟市 btnMeg = 1 var html = "山西省"; elementTemplate(html); chartType = "MS"; if (!loadGeoJson[chartType]) { loadGeoJson[chartType] = getGeoJson(msurl); } for (var i = 0; i < loadGeoJson[chartType].features.length; i++) { var info = loadGeoJson[chartType].features[i]["properties"]; var code = info[codefield].toString().substr(0, 4); var value = 0; for (var attr in statisticsInfoByXZQ[curYear]) { if (attr.toString().indexOf(code) == 0) { value += parseFloat(statisticsInfoByXZQ[curYear][attr]); } } list.push({ name: info[namefield], // value: value ? Math.round(value * 100) / 100 : 0, value: 0, code: info[codefield] }); } echarts.registerMap('MS', loadGeoJson[chartType]); break; case "2": //旗县 btnMeg = 2 var html = "山西省"; html += "" + resertEchartsParams.name + ""; qixianName = resertEchartsParams.name elementTemplate(html); chartType = resertEchartsParams.xzq.length == 6 ? resertEchartsParams.xzq.substr(0, 4) : resertEchartsParams.xzq; if (!loadGeoJson["QX"]) { loadGeoJson["QX"] = getGeoJson(qxurl); } var list = []; var json = { type: "FeatureCollection", features: [] }; for (var i = 0; i < loadGeoJson["QX"].features.length; i++) { var info = loadGeoJson["QX"].features[i]["properties"]; if (info[codefield].indexOf(chartType) > -1) { list.push({ name: info[namefield], // value: statisticsInfoByXZQ[curYear][info[codefield]] ? Math.round(parseFloat(statisticsInfoByXZQ[curYear][info[codefield]]) * 100) / 100 : 0, code: info[codefield], value: 0, }); json.features.push(loadGeoJson["QX"].features[i]); } } echarts.registerMap(chartType, json); break; case "3": //旗县 btnMeg = 3 var html = $(".layui-breadcrumb").text().split(">")[1]; html = "山西省" + html + ""; html += "" + resertEchartsParams.name + ""; elementTemplate(html); chartType = resertEchartsParams.xzq; if (!loadGeoJson["QX"]) { loadGeoJson["QX"] = getGeoJson(qxurl); } var list = []; var json = { type: "FeatureCollection", features: [] }; for (var i = 0; i < loadGeoJson["QX"].features.length; i++) { var info = loadGeoJson["QX"].features[i]["properties"]; if (info[codefield] == chartType) { list.push({ name: info[namefield], // value: statisticsInfoByXZQ[curYear][info[codefield]] ? Math.round(parseFloat(statisticsInfoByXZQ[curYear][info[codefield]]) * 100) / 100 : 0, code: info[codefield], value: 0, }); json.features.push(loadGeoJson["QX"].features[i]); break; } } echarts.registerMap(chartType, json); break; default: return $(".loading").hide(); break; } list.sort(function (a, b) { return a.value - b.value }); analysisList = list option = { title: { // text: '{A| ' + XZQConfig.chartTitle + '}', text: '{A| 山西省耕地质量变化统计分析}', x: 'left', //padding: [5, 5, 5, 5], textStyle: { align: 'center', rich: { A: { backgroundColor: { image: XZQConfig.titleImage.image, }, width: XZQConfig.titleImage.width, height: XZQConfig.titleImage.height, color: "#5470c6", fontSize: 17, fontWeight: 'bold', verticalAlign: "middle", lineHeight: 50, left: 15 } } }, left: 15 }, tooltip: { trigger: 'item', show: true, formatter: function (data) { var total = 0; for (var i = 0; i < myChart.getOption().series[0].data.length; i++) { total += myChart.getOption().series[0].data[i].value; } //return data.name + '
' + XZQConfig.title + data.value + XZQConfig.unit; var per = Math.round(data.value / total * 10000) / 100; return data.name; return data.name + '
' + XZQConfig.title + data.value + XZQConfig.unit + '
本级占比:' + per + "%"; } }, toolbox: { show: false, orient: 'vertical', left: 'right', top: 'center', feature: { saveAsImage: {} } }, visualMap: { show:false, min: list[0].value, max: list[list.length - 1].value, text: ['高', '低'], realtime: false, calculable: true, inRange: { //color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026'] //color: globleConfig.color color: ['#0000ff30', '#0000ff'] }, orient: 'vertical', // right: '2%', right:"0%", bottom: '0%', z: 100, }, series: [{ name: resertEchartsParams.type, type: 'map', top:"20", bottom:"20", roam: true, mapType: chartType, // 自定义扩展图表类型 label: { show: true, //color: "blue", //fontStyle: 'normal', //fontWeight: 'normal', textBorderColor: "white", textBorderWidth: 1 }, itemStyle: { normal: { borderWidth: 1, borderColor: '#ddd', //区域边框色 //areaColor: '#FFDAB9',//区域背景色 label: { show: true, //textBorderColor: "white", //textBorderWidth: 1, textStyle: { color: '#ffffff', //文字颜色 fontSize: 12 //文字大小 } } }, emphasis: { // 选中样式 borderWidth: 1, borderColor: '#00ffff', color: '#ffffff', label: { show: true, textStyle: { color: '#ff0000' } } } }, data: list }] }; setTimeout(() => { window.onresize = function () { myChart.resize() } }, 200) myChart.clear(); myChart.setOption(option); // if (year) { // var data = filterArray(myTables["myChartTable2"].config.dataStore, [{ // field: "QDRQ", // value: year, // type: "like" // }]); // myTables["myChartTable2"].reload({ // data: data // }, false); // } else { // // createVisualizationCharts(resertEchartsParams.xzq ? chartType : "") // } } // 为行政区域赋值,点击行政区域 function elementTemplate(html) { $(".layui-breadcrumb").html(html); element ? element.render() : null; $(".xzqBtn").click(function (e) { onTabClick(e); }); } // 点击行政区域文字信息 function onTabClick(e) { $(".loading").show(); setTimeout(function () { resertEcharts($(e.target).attr("value"), $(e.target).attr("type"), $(e.target).html()); btnType = true if (e.target.text == '山西省') { getGDLBData() } else { getGDLBData($(e.target).attr("value")) } }, 50); } //得到随机的颜色值 function randomColor() { var r = Math.floor(Math.random() * 256); var g = Math.floor(Math.random() * 256); var b = Math.floor(Math.random() * 256); return "rgb(" + r + "," + g + "," + b + ")"; } // 一维数组转换为二维数组 function arrTrans(num, arr) { const iconsArr = []; arr.forEach((item, index) => { const page = Math.floor(index / num); // 计算该元素为第几个素组内 if (!iconsArr[page]) { // 判断是否存在 iconsArr[page] = []; } iconsArr[page].push(item); }); return iconsArr; } var arableNF = null var arableXZQDM var objIndex = 0 var objIndexXZQ = 0 var objIndexXZQ1 = 0 var oldobjList = xzLineDataList = [] var objIndexNF = 0 var arableType = false var oldArble = null var dlDjData = [] // 排序的一个公用函数 传入排序的属性值 从大到小 function creatCompare(propertyName) { return function (obj1, obj2) { var value1 = obj1[propertyName]; var value2 = obj2[propertyName]; if (value1 < value2) { return -1 } else if (value1 > value2) { return 1 } else { return 0 } } } // 时间轴样式 function timeLine() { let timeLineLeft = -15 // selected let timeLinehtml = '' yearData.map((item, index) => { if (index == 0) { timeLinehtml += `
  • ${item}
  • ` } else { timeLinehtml += `
  • ${item}
  • ` } }) $('.time_line ol').html(timeLinehtml) targetType = true $('.order_item').on('click', function (e) { let timeText = e.target.innerHTML $(this).addClass('selected') $(this).parent().siblings().find('.order_item').removeClass('selected') currentYear = timeText //resertEcharts(null, null, null, parseInt(timeText)); resertEcharts($(e.target).attr("value"), $(e.target).attr("type"), $(e.target).html(),parseInt(timeText)); if (currentXzqdm == "140000") { getGDLBData(null, currentYear) } else { getGDLBData(currentXzqdm, currentYear) } }) } let currentText = "" // 点击的文字 let currentYear = '' // 当前年份 let currentXzqdm = '' // 当前行政区代码 let yearData = [] // 全部的年份 let btnType = false // 上面行政区域状态 let dataSheng = null // 省数据 let dataShi = null // 市数据 let dataXian = null // 县数据 let btnMeg = 0 // 按钮的状态 // 请求耕地数据 function getGDLBData(num, year) { let newNum = null; if (num) { newNum = num } else { newNum = 140000 } currentXzqdm = newNum var levelData; $.ajax({ async: false, url: globleUrl + '/dbms/specialStatistics/qualityLevel', data: { "xzqdm": newNum }, datatype: 'json', success: function (res) { if (typeof res == 'string') { levelData = eval("(" + res + ")") } else { levelData = res } if (levelData.code == 200) { objList = levelData.data if (num === undefined) { dataSheng = levelData.data for (i in objList) { yearData.push(objList[i].YEAR) } } let parmsDataPie = [] // 饼图数据 let parmsTotal = '' // 饼图数据总数 let paramsBar = [] // 行政区线图数据 // 判断是否点击行政区域 if (btnType) { if (btnMeg == 1) { if (currentYear != '') { for (i in dataSheng) { parmsDataPie = dataSheng[currentYear] } } else { let btnMeg1Index = 0 for (i in dataSheng) { btnMeg1Index++ if (btnMeg1Index == 1) { parmsDataPie = dataSheng[i] } } } } else if (btnMeg == 2) { if (currentYear != '') { for (i in dataShi) { parmsDataPie = dataShi[currentYear] } } else { let btnMeg1Index = 0 for (i in dataSheng) { btnMeg1Index++ if (btnMeg1Index == 1) { parmsDataPie = dataShi[i] } } } } else if (btnMeg == 3) { if (currentYear != '') { for (i in dataXian) { parmsDataPie = dataXian[currentYear] } } else { let btnMeg1Index = 0 for (i in dataXian) { btnMeg1Index++ if (btnMeg1Index == 1) { parmsDataPie = dataXian[i] } } } } } else { if (currentYear === '' && num == undefined) { let piedata = null let pieIndex = 0 for (i in objList) { pieIndex++ if (pieIndex == 1) { piedata = objList[i] } } parmsDataPie = piedata } else if (currentYear != '' && num == undefined) { for (i in objList) { parmsDataPie = objList[year] } } else if (currentYear === '' && num) { let pieIndex1 = 0 for (i in objList) { pieIndex1++ if (pieIndex1 == 1) { parmsDataPie = objList[i] } } } else if (currentYear && num) { for (i in objList) { if (JSON.stringify(objList[i].XZQDATA) === "{}") { if (currentYear == objList[i].YEAR) { parmsDataPie = objList[i] } } else { parmsDataPie = objList[currentYear] } } } btnType = false } parmsTotal = parmsDataPie.YDD + parmsDataPie.GDD + parmsDataPie.ZDD + parmsDataPie.DDD echarPieFun(parmsDataPie, parmsTotal) echartsLineBar() let yearSpan = currentYear === '' ? yearData[0] : currentYear dlDj(parmsDataPie, yearSpan) } }, error: function (err) { console.log(err); } }); return levelData; } // 耕地质量行政区划统计分析柱状图 function dlDj(data, time) { // 默认 // 点击年份 var Ydd = [] var Gdd = [] var Zdd = [] var Ddd = [] var YDDarr = [], GDDarr = [], ZDDarr = [], DDDarr = [] var dataName = [] // x轴名称数据 let xData setTimeout(() => { xData = analysisList.map(item => { return item.name }) xzLineDataFun(data, time, xData, analysisList) }, 10) function xzLineDataFun(data, time, xData, analysisList) { // 循环数据赋值盟市名字 if (JSON.stringify(data.XZQDATA) === "{}") { if (!currentYear) { // 优等地数据 let yddData = [] yddData.push(data.YDD) Ydd.push({ dj: '优等地', type: 'bar', barWidth: '20%', data: yddData, itemStyle: { color: levelColor[0] } }) dldjBar('优等地', time, '#containerClassLine1', Ydd, xData) // 高等地数据 let gddData = [] gddData.push(data.GDD) Gdd.push({ dj: '高等地', type: 'bar', barWidth: '20%', data: gddData, itemStyle: { color: levelColor[1] } }) dldjBar('高等地', time, '#containerClassLine2', Gdd, xData) // 中等地数据 let zddData = [] zddData.push(data.ZDD) Zdd.push({ dj: '中等地', type: 'bar', barWidth: '20%', data: zddData, itemStyle: { color: levelColor[2] } }) dldjBar('中等地', time, '#containerClassLine3', Zdd, xData) // 低等地数据 let dddData = [] dddData.push(data.DDD) Ddd.push({ dj: '低等地', type: 'bar', barWidth: '20%', data: dddData, itemStyle: { color: levelColor[3] } }) dldjBar('低等地', time, '#containerClassLine4', Ddd, xData) } else { let yddData = [] yddData.push(dataXian.YDD) Ydd.push({ dj: '优等地', type: 'bar', barWidth: '20%', data: yddData, itemStyle: { color: levelColor[0] } }) dldjBar('优等地', time, '#containerClassLine1', Ydd, xData) // 高等地数据 let gddData = [] gddData.push(dataXian.GDD) Gdd.push({ dj: '高等地', type: 'bar', barWidth: '20%', data: gddData, itemStyle: { color: levelColor[1] } }) dldjBar('高等地', time, '#containerClassLine2', Gdd, xData) // 中等地数据 let zddData = [] zddData.push(dataXian.ZDD) Zdd.push({ dj: '中等地', type: 'bar', barWidth: '20%', data: zddData, itemStyle: { color: levelColor[2] } }) dldjBar('中等地', time, '#containerClassLine3', Zdd, xData) // 低等地数据 let dddData = [] dddData.push(dataXian.DDD) Ddd.push({ dj: '低等地', type: 'bar', barWidth: '20%', data: dddData, itemStyle: { color: levelColor[3] } }) dldjBar('低等地', time, '#containerClassLine4', Ddd, xData) } } else { if (!currentYear) { for (s in data.XZQDATA) { for (i in analysisList) { if (analysisList[i].code == data.XZQDATA[s].XZQDM) { data.XZQDATA[s].xzqName = analysisList[i].name } } } let xzqDataContainer = [] for (i in data.XZQDATA) { xzqDataContainer.push(data.XZQDATA[i]) } // 优等地数据 xzqDataContainer.sort(creatCompare("YDD")) xzqDataContainer.map(item => { YDDarr.push(item.YDD) dataName.push(item.xzqName) }) Ydd.push({ dj: '优等地', type: 'bar', barWidth: '20%', data: YDDarr, itemStyle: { color: levelColor[0] } }) dldjBar('优等地', time, '#containerClassLine1', Ydd, dataName) // 高等地数据 dataName = [] // 清空存储Y轴的数组 xzqDataContainer.sort(creatCompare("GDD")) xzqDataContainer.map(item => { GDDarr.push(item.GDD) dataName.push(item.xzqName) }) Gdd.push({ dj: '高等地', type: 'bar', barWidth: '20%', data: GDDarr, itemStyle: { color: levelColor[1] } }) dldjBar('高等地', time, '#containerClassLine2', Gdd, dataName) // 中等地数据 dataName = [] // 清空存储Y轴的数组 xzqDataContainer.sort(creatCompare("ZDD")) xzqDataContainer.map(item => { ZDDarr.push(item.ZDD) dataName.push(item.xzqName) }) Zdd.push({ dj: '中等地', type: 'bar', barWidth: '20%', data: ZDDarr, itemStyle: { color: levelColor[2] } }) dldjBar('中等地', time, '#containerClassLine3', Zdd, dataName) // 低等地数据 dataName = [] // 清空存储Y轴的数组 xzqDataContainer.sort(creatCompare("DDD")) xzqDataContainer.map(item => { DDDarr.push(item.DDD) dataName.push(item.xzqName) }) Ddd.push({ dj: '低等地', type: 'bar', barWidth: '20%', data: DDDarr, itemStyle: { color: levelColor[3] } }) dldjBar('低等地', time, '#containerClassLine4', Ddd, dataName) } else { if (btnMeg == 1) { for (s in dataSheng[currentYear].XZQDATA) { for (i in analysisList) { if (analysisList[i].code == dataSheng[currentYear].XZQDATA[s].XZQDM) { dataSheng[currentYear].XZQDATA[s].xzqName = analysisList[i].name } } } let xzqDataContainer = [] for (i in dataSheng[currentYear].XZQDATA) { xzqDataContainer.push(dataSheng[currentYear].XZQDATA[i]) } shiXian(xzqDataContainer) } else if (btnMeg == 2) { for (s in dataShi[currentYear].XZQDATA) { for (i in analysisList) { if (analysisList[i].code == dataShi[currentYear].XZQDATA[s].XZQDM) { dataShi[currentYear].XZQDATA[s].xzqName = analysisList[i].name } } } let xzqDataContainer = [] for (i in dataShi[currentYear].XZQDATA) { xzqDataContainer.push(dataShi[currentYear].XZQDATA[i]) } shiXian(xzqDataContainer) } else if (btnMeg == 3) { for (s in dataXian[currentYear].XZQDATA) { for (i in analysisList) { if (analysisList[i].code == dataXian[currentYear].XZQDATA[s].XZQDM) { dataXian[currentYear].XZQDATA[s].xzqName = analysisList[i].name } } } let yddData1 = [] yddData1.push(dataXian.YDD) Ydd.push({ dj: '优等地', type: 'bar', barWidth: '20%', data: yddData1, itemStyle: { color: levelColor[0] } }) dldjBar('优等地', time, '#containerClassLine1', Ydd, xData) // 高等地数据 let gddData1 = [] gddData1.push(dataXian.GDD) Gdd.push({ dj: '高等地', type: 'bar', barWidth: '20%', data: gddData1, itemStyle: { color: levelColor[1] } }) dldjBar('高等地', time, '#containerClassLine2', Gdd, xData) // 中等地数据 let zddData1 = [] zddData1.push(dataXian.ZDD) Zdd.push({ dj: '中等地', type: 'bar', barWidth: '20%', data: zddData1, itemStyle: { color: levelColor[2] } }) dldjBar('中等地', time, '#containerClassLine3', Zdd, xData) // 低等地数据 let dddData1 = [] dddData1.push(dataXian.DDD) Ddd.push({ dj: '低等地', type: 'bar', barWidth: '20%', data: dddData1, itemStyle: { color: levelColor[3] } }) dldjBar('低等地', time, '#containerClassLine4', Ddd, xData) } function shiXian(xzqDataContainer) { // 优等地数据 xzqDataContainer.sort(creatCompare("YDD")) xzqDataContainer.map(item => { YDDarr.push(item.YDD) dataName.push(item.xzqName) }) Ydd.push({ dj: '优等地', type: 'bar', barWidth: '20%', data: YDDarr, itemStyle: { color: levelColor[0] } }) dldjBar('优等地', time, '#containerClassLine1', Ydd, dataName) // 高等地数据 dataName = [] // 清空存储Y轴的数组 xzqDataContainer.sort(creatCompare("GDD")) xzqDataContainer.map(item => { GDDarr.push(item.GDD) dataName.push(item.xzqName) }) Gdd.push({ dj: '高等地', type: 'bar', barWidth: '20%', data: GDDarr, itemStyle: { color: levelColor[1] } }) dldjBar('高等地', time, '#containerClassLine2', Gdd, dataName) // 中等地数据 dataName = [] // 清空存储Y轴的数组 xzqDataContainer.sort(creatCompare("ZDD")) xzqDataContainer.map(item => { ZDDarr.push(item.ZDD) dataName.push(item.xzqName) }) Zdd.push({ dj: '中等地', type: 'bar', barWidth: '20%', data: ZDDarr, itemStyle: { color: levelColor[2] } }) dldjBar('中等地', time, '#containerClassLine3', Zdd, dataName) // 低等地数据 dataName = [] // 清空存储Y轴的数组 xzqDataContainer.sort(creatCompare("DDD")) xzqDataContainer.map(item => { DDDarr.push(item.DDD) dataName.push(item.xzqName) }) Ddd.push({ dj: '低等地', type: 'bar', barWidth: '20%', data: DDDarr, itemStyle: { color: levelColor[3] } }) dldjBar('低等地', time, '#containerClassLine4', Ddd, dataName) } } } } $(".loading").hide(); } // 画行政区划的柱图 function dldjBar(name, time, dom, echarBarData, xData) { xData = xData.map(item=>{ if (!item) { return '—' }else{ return item } }) console.log(xData); var mCharts1 = echarts.init(document.querySelector(dom)) let option = { title: [{ text: name + "行政区分布", textStyle: { fontSize: 13, }, left: 10, }, { text: time + "年份", textStyle: { fontSize: 8, }, right: 28, }], tooltip: { trigger: 'axis' }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, toolbox: { feature: { saveAsImage: {} } }, yAxis: { type: 'category', boundaryGap: false, data: xData, axisLabel: { inside: false, textStyle: { color: '#000', fontSize: '10', itemSize: '' } } }, xAxis: { type: 'value' }, series: echarBarData }; window.onresize = function () { mCharts1.resize() } mCharts1.setOption(option) } // 耕地质量类别总量变化趋势图 function echartsLineBar() { // # let dataLineBar = [] if (btnType) { if (btnMeg == 1) { // 点击 dataLineBar = dataSheng } else if (btnMeg == 2) { // 点击市 dataLineBar = dataShi } else if (btnMeg == 3) { dataLineBar = dataXian } } else { dataLineBar = objList } let mChartsLine = echarts.init(document.querySelector('#mychartsLine')) var xAxis = []; var series = []; var series1 = []; for (num in dataLineBar) { xAxis.push(num) series.push({ value: dataLineBar[num].GDZL, itemStyle: { color: 'rgb(79, 129, 189)' } }) series1.push({ value: dataLineBar[num].MJBH }) } var seriesList = []; var xAxioList = []; var levelIndex = -1 var levelArr = [] for (item in dataLineBar) { levelArr.push(dataLineBar[item].YDD) } for (item in dataLineBar) { levelArr.push(dataLineBar[item].GDD) } for (item in dataLineBar) { levelArr.push(dataLineBar[item].ZDD) } for (item in dataLineBar) { levelArr.push(dataLineBar[item].DDD) } for (item in dataLineBar) { levelIndex++ seriesList.push({ type: 'line', name: levelName[levelIndex], data: arrTrans(4, levelArr)[levelIndex], itemStyle: { color: levelColor[levelIndex] } }) xAxioList.push(dataLineBar[item].YEAR) } seriesList.push({ name: '耕地总量', type: 'bar', data: series, barWidth: 32, markPoint: { data: [{ type: 'max', name: '最大值' }, { type: 'min', name: '最小值' } ] }, markLine: { data: [{ type: 'average', name: '平均值' }] } }, { name: '面积变化', type: 'bar', data: series1, barWidth: 32, markPoint: { data: [{ type: 'max', name: '最大值' }, { type: 'min', name: '最小值' } ] }, markLine: { data: [{ type: 'average', name: '平均值' }] } }) levelName.push('耕地总量', '面积变化') chartOption = { color: globleConfig.color, tooltip: { trigger: 'axis', formatter: function (data) { return ` ${data[0].name}年
    ${data[0].seriesName}:${data[0].value}公顷
    ${data[1].seriesName}:${data[1].value}公顷
    ${data[2].seriesName}:${data[2].value}公顷
    ${data[3].seriesName}:${data[3].value}公顷
    ${data[4].seriesName}:${data[4].value}公顷
    ${data[5].seriesName}:${data[5].value}公顷
    ` } }, grid: { top: 90, left: 85, bottom: 60 }, legend: { data: levelName, orient: 'horizontal', bottom: 0, }, toolbox: { show: true, orient: 'vertical', left: 'right', top: 'center', feature: { mark: { show: true }, magicType: { show: true, type: ['line', 'bar'] }, restore: { show: true }, saveAsImage: { show: true } } }, calculable: true, xAxis: [{ type: 'category', boundaryGap: true, data: xAxioList, }], yAxis: [{ type: 'value', axisLine: { show: true }, axisTick: { show: true } }], series: seriesList }; mChartsLine.setOption(chartOption) if (chartOption) { if (mChartsLine) { mChartsLine = echarts.init(document.getElementById('mychartsLine')); } else { mChartsLine.clear(); } mChartsLine.setOption(chartOption); mChartsLine.on('click', function (params) { // arableLandlevel(params.name, 2) // 点击年份 // resertEcharts(null, null, null, parseInt(params.name)); }); } $(".loading").hide(); } // 耕地质量构成饼状图 function echarPieFun(arableArr, total) { let arableArr1 = [arableArr.YDD, arableArr.GDD, arableArr.ZDD, arableArr.DDD] let pieData = [] let pieDataIndex = -1 arableArr1.map(item => { pieDataIndex++ pieData.push({ value: item, name: levelName[pieDataIndex], label: { fontSize: 8 }, itemStyle: { color: levelColor[pieDataIndex] } }) }) var mCharts = echarts.init(document.querySelector('#containerPie')) var option = { title: { text: '耕地质量构成 (单位:公顷)', left: 'center', textStyle: { fontWeight: 'normal', fontSize: 10, }, bottom: 70, right: 20 }, tooltip: { trigger: 'item' }, // tooltip: { // formatter: function (data) { // let bl = parseInt(data.data.value / total * 100) + '%' // return ` // ${data.data.name}
    // 总量:${data.data.value}
    // 本级占比:${bl}
    // ` // } // }, z: 10, series: [{ name: '耕地质量构成', type: 'pie', radius: '50%', data: pieData, labelLine: { show: true, length: 8, length2: 3 } }], }; // window.onresize = function () { // mCharts.resize(); // } // windowResizeFun() window.onresize = function () { mCharts.resize() } mCharts.setOption(option) }