const dataOption = [ { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-01", "pm25": "106", "pm10": "152", "so2": "12", "no2": "82", "o3": "27", "co": "1.2", "o38h": "27", "integratedIndex": "7.92", "aqi": "139", "aqiLevel": "3", "pm25Level": "3", "pm10Level": "3", "so2Level": "1", "no2Level": "3", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "轻度污染", "aqiColor": "rgb(255,126,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-02", "pm25": "120", "pm10": "162", "so2": "8", "no2": "60", "o3": "45", "co": "1.0", "o38h": "45", "integratedIndex": "7.9", "aqi": "158", "aqiLevel": "4", "pm25Level": "4", "pm10Level": "3", "so2Level": "1", "no2Level": "2", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "中度污染", "aqiColor": "rgb(255,0,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-03", "pm25": "76", "pm10": "117", "so2": "7", "no2": "57", "o3": "68", "co": "0.9", "o38h": "68", "integratedIndex": "6.02", "aqi": "102", "aqiLevel": "3", "pm25Level": "3", "pm10Level": "2", "so2Level": "1", "no2Level": "2", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "轻度污染", "aqiColor": "rgb(255,126,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-04", "pm25": "68", "pm10": "107", "so2": "9", "no2": "66", "o3": "63", "co": "0.8", "o38h": "63", "integratedIndex": "5.86", "aqi": "92", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "2", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-05", "pm25": "91", "pm10": "144", "so2": "10", "no2": "83", "o3": "41", "co": "0.9", "o38h": "41", "integratedIndex": "7.39", "aqi": "120", "aqiLevel": "3", "pm25Level": "3", "pm10Level": "2", "so2Level": "1", "no2Level": "3", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "轻度污染", "aqiColor": "rgb(255,126,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-06", "pm25": "104", "pm10": "153", "so2": "8", "no2": "70", "o3": "81", "co": "0.9", "o38h": "81", "integratedIndex": "7.77", "aqi": "137", "aqiLevel": "3", "pm25Level": "3", "pm10Level": "3", "so2Level": "1", "no2Level": "2", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "轻度污染", "aqiColor": "rgb(255,126,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-07", "pm25": "90", "pm10": "139", "so2": "7", "no2": "55", "o3": "97", "co": "0.9", "o38h": "97", "integratedIndex": "6.89", "aqi": "119", "aqiLevel": "3", "pm25Level": "3", "pm10Level": "2", "so2Level": "1", "no2Level": "2", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "轻度污染", "aqiColor": "rgb(255,126,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-08", "pm25": "54", "pm10": "96", "so2": "8", "no2": "55", "o3": "89", "co": "0.8", "o38h": "89", "integratedIndex": "5.18", "aqi": "74", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "2", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-09", "pm25": "93", "pm10": "155", "so2": "9", "no2": "57", "o3": "94", "co": "1.0", "o38h": "94", "integratedIndex": "7.28", "aqi": "123", "aqiLevel": "3", "pm25Level": "3", "pm10Level": "3", "so2Level": "1", "no2Level": "2", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "轻度污染", "aqiColor": "rgb(255,126,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-10", "pm25": "43", "pm10": "90", "so2": "6", "no2": "38", "o3": "53", "co": "0.7", "o38h": "53", "integratedIndex": "4.08", "aqi": "70", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-11", "pm25": "60", "pm10": "108", "so2": "9", "no2": "54", "o3": "77", "co": "0.8", "o38h": "77", "integratedIndex": "5.43", "aqi": "82", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "2", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-12", "pm25": "49", "pm10": "77", "so2": "7", "no2": "38", "o3": "53", "co": "0.7", "o38h": "53", "integratedIndex": "4.08", "aqi": "68", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-13", "pm25": "32", "pm10": "45", "so2": "6", "no2": "30", "o3": "6", "co": "1.0", "o38h": "6", "integratedIndex": "2.69", "aqi": "46", "aqiLevel": "1", "pm25Level": "1", "pm10Level": "1", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "-", "maxPollutionEn": "-", "aqiCategory": "优", "aqiColor": "rgb(0,228,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-14", "pm25": "27", "pm10": "31", "so2": "5", "no2": "26", "o3": "47", "co": "0.8", "o38h": "47", "integratedIndex": "2.43", "aqi": "39", "aqiLevel": "1", "pm25Level": "1", "pm10Level": "1", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "-", "maxPollutionEn": "-", "aqiCategory": "优", "aqiColor": "rgb(0,228,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-15", "pm25": "25", "pm10": "38", "so2": "5", "no2": "18", "o3": "58", "co": "0.5", "o38h": "58", "integratedIndex": "2.26", "aqi": "38", "aqiLevel": "1", "pm25Level": "1", "pm10Level": "1", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "-", "maxPollutionEn": "-", "aqiCategory": "优", "aqiColor": "rgb(0,228,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-16", "pm25": "27", "pm10": "49", "so2": "6", "no2": "23", "o3": "71", "co": "0.5", "o38h": "71", "integratedIndex": "2.71", "aqi": "49", "aqiLevel": "1", "pm25Level": "1", "pm10Level": "1", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "-", "maxPollutionEn": "-", "aqiCategory": "优", "aqiColor": "rgb(0,228,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-17", "pm25": "34", "pm10": "71", "so2": "6", "no2": "32", "o3": "81", "co": "0.5", "o38h": "81", "integratedIndex": "3.51", "aqi": "61", "aqiLevel": "2", "pm25Level": "1", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-18", "pm25": "41", "pm10": "127", "so2": "7", "no2": "30", "o3": "77", "co": "0.6", "o38h": "77", "integratedIndex": "4.48", "aqi": "89", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-19", "pm25": "46", "pm10": "103", "so2": "6", "no2": "38", "o3": "78", "co": "0.7", "o38h": "78", "integratedIndex": "4.5", "aqi": "77", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-20", "pm25": "60", "pm10": "148", "so2": "8", "no2": "26", "o3": "89", "co": "0.7", "o38h": "89", "integratedIndex": "5.34", "aqi": "99", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-21", "pm25": "56", "pm10": "126", "so2": "7", "no2": "17", "o3": "92", "co": "0.7", "o38h": "92", "integratedIndex": "4.7", "aqi": "88", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-22", "pm25": "47", "pm10": "69", "so2": "5", "no2": "12", "o3": "79", "co": "0.6", "o38h": "79", "integratedIndex": "3.35", "aqi": "65", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-23", "pm25": "37", "pm10": "47", "so2": "5", "no2": "11", "o3": "67", "co": "0.6", "o38h": "67", "integratedIndex": "2.66", "aqi": "53", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "1", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-24", "pm25": "39", "pm10": "68", "so2": "5", "no2": "8", "o3": "66", "co": "0.6", "o38h": "66", "integratedIndex": "2.92", "aqi": "59", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-25", "pm25": "25", "pm10": "52", "so2": "6", "no2": "11", "o3": "70", "co": "0.6", "o38h": "70", "integratedIndex": "2.42", "aqi": "51", "aqiLevel": "2", "pm25Level": "1", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-26", "pm25": "50", "pm10": "75", "so2": "7", "no2": "20", "o3": "74", "co": "0.6", "o38h": "74", "integratedIndex": "3.73", "aqi": "69", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-27", "pm25": "61", "pm10": "117", "so2": "8", "no2": "22", "o3": "78", "co": "0.7", "o38h": "78", "integratedIndex": "4.76", "aqi": "84", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-29", "pm25": "37", "pm10": "75", "so2": "7", "no2": "41", "o3": "86", "co": "0.6", "o38h": "86", "integratedIndex": "3.96", "aqi": "63", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "2", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-30", "pm25": "51", "pm10": "87", "so2": "8", "no2": "34", "o3": "104", "co": "0.7", "o38h": "104", "integratedIndex": "4.51", "aqi": "70", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "1", "o3Level": "2", "o38hLevel": "2", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "细颗粒物", "maxPollutionEn": "PM2.5", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" }, { "ranking": "", "regionKey": "f5136eab", "regionName": "合肥市", "parentRegionName": "安徽省", "stationKey": "", "stationName": "", "stationClassificat": "", "updateTime": "2023-01-31", "pm25": "43", "pm10": "72", "so2": "8", "no2": "45", "o3": "87", "co": "0.8", "o38h": "87", "integratedIndex": "4.25", "aqi": "61", "aqiLevel": "2", "pm25Level": "2", "pm10Level": "2", "so2Level": "1", "no2Level": "2", "o3Level": "1", "o38hLevel": "1", "coLevel": "1", "tspLevel": "-", "tvoc": "-", "tsp": "-", "maxPollution": "可吸入颗粒物", "maxPollutionEn": "PM10", "aqiCategory": "良", "aqiColor": "rgb(255,255,0)", "lon": "117.283042", "lat": "31.86119", "isDisconnected": "" } ] option = init('2023-01') function getNextMonth(time, pattern) { if (arguments.length === 0 || !time) { return null } const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}' let date if (typeof time === 'object') { date = time } else { if (typeof time === 'string' && /^[0-9]+$/.test(time)) { time = parseInt(time) } else if (typeof time === 'string') { time = time .replace(new RegExp(/-/gm), '/') .replace('T', ' ') .replace(new RegExp(/\.[\d]{3}/gm), '') } if (typeof time === 'number' && time.toString().length === 10) { time = time * 1000 } date = new Date(time) } const formatObj = { y: date.getFullYear(), m: date.getMonth() + 2, d: date.getDate(), h: date.getHours(), i: date.getMinutes(), s: date.getSeconds(), a: date.getDay() } const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { let value = formatObj[key] // Note: getDay() returns 0 on Sunday if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] } if (result.length > 0 && value < 10) { value = '0' + value } return value || 0 }) return time_str } function init(time) { let endData = null let year = parseTime(new Date(time), '{y}') let month = parseTime(new Date(time), '{m}') const endMonth = getNextMonth(new Date(time), '{m}') if (month === '12') { endData = `${Number(year) + 1}-01` } else { endData = `${year}-${endMonth}` } // const formatDates = formatDates // const formatDatedd = formatDatedd const cellSize = 'auto' function getVirtualData() { const date = new Date(`${time}-01`).getTime() // const date = +echarts.time.parse(`${time}-01`) // const end = +echarts.time.parse(`${endData}-01`) const end = Number(new Date(`${endData}-01`).getTime()) const dayTime = 3600 * 24 * 1000 const data = [] let i = -1 for (let time = date; time < end; time += dayTime) { let value = Math.random() let textcolor = [] i++ if (dataOption && dataOption.length > 0) { dataOption.forEach((item, index) => { textcolor.push(Color(item.aqi, 'aqi')) }) } data.push({ value: [formatDates(time), Math.floor(value * 10000), 88], // value: [this.formatDates(time), Math.floor(value * 10000), 88], // value: [echarts.time.format(time, '{yyyy}-{MM}-{dd}', false), Math.floor(value * 10000), 88], itemStyle: { borderColor: textcolor[i] == undefined ? '#f0f0f0' : textcolor[i], borderWidth: 20, }, // itemStyle: { // color: textcolor[i] // }, label: { color: textcolor[i] == '#ff0000' || textcolor[i] == '#99004c' || textcolor[i] == '#7e0023' ? '#fff' : '#333333', backgroundColor: textcolor[i] == undefined ? '#f0f0f0' : textcolor[i], borderRadius: 50 } }) } return data } const scatterData = getVirtualData() return { // 9, 138, 179 tooltip: { backgroundColor: 'rgba(5, 44, 63, .9)', borderColor: '#005780', color: '#ffffff', position: function (point, params, dom, rect, size) { // 固定在顶部 if (point[0] <= 150) { return [point[0] + 20, point[1] - 120] } else if (point[0] > 150 && point[0] <= 250) { return [point[0] - 150, point[1] + 20] } else { return [point[0] - 200, point[1] + 20] } }, formatter: (params) => { let str = '' if (dataOption && dataOption.length > 0) { dataOption.forEach((item, index) => { if (index == params.dataIndex) { item.maxPollutionEn = factChange(item.maxPollutionEn) str = `

${item.updateTime}

AQI ${item.aqi || '- -'} 首要污染物 ${item.maxPollutionEn || '- -'}

${item.pm25 || '- -' }

PM₂.₅

${item.pm10 || '- -' }

PM₁₀

${item.o38h || '- -' }

O₃_8h

${item.no2 || '- -' }

NO₂

${item.co || '- -' }

${item.so2 || '- -' }

SO₂

` } }) return str } } }, gird:{ top:'20%' }, legend: { data: ['Work', 'Entertainment', 'Sleep'], // bottom: 20 }, calendar: { // top: 'middle', top: 200, left: 'center', orient: 'vertical', cellSize: cellSize, yearLabel: { show: false }, dayLabel: { // margin: [0, 40], // firstDay: 1, firstDay: 7, fontSize: '24px', color: '#333', nameMap: ['日', '一', '二', '三', '四', '五', '六', '日'] }, monthLabel: { show: false }, splitLine: { show: false }, range: [time], itemStyle: { opacity: 0, } }, visualMap: [{ show: false, inRange: { //定义在选中范围中的视觉元素 color: ['#fff', 'rgba(240, 240, 240,1)', '#f0f0f0'], opacity: 1 }, }], series: [ { id: 'label', type: 'scatter', coordinateSystem: 'calendar', symbolSize: 10, // symbolSize: cellSize[0] / 2 + 5, label: { show: true, fontSize: 14, formatter: function (params) { return formatDatedd(params.value[0]) }, }, data: scatterData } ] } } function Color(value, name) { if (name == 'aqi_lb') { let color = '' if (value === '优') { color = '#00E400' } else if (value === '良') { color = '#ffff00' } else if (value === '轻度污染') { color = '#ff7e00' } else if (value === '中度污染') { color = '#ff0000' } else if (value === '重度污染') { color = '#99004c' } else if (value === '严重污染') { color = '#7e0023' } else { color = '#666666' } return color } else if (name == 'aqi') { let color = '' if (value >= 0 && value <= 50) { color = '#00E400' } else if (value > 50 && value <= 100) { color = '#ffff00' } else if (value > 100 && value <= 150) { color = '#ff7e00' } else if (value > 150 && value <= 200) { color = '#ff0000' } else if (value > 200 && value <= 300) { color = '#99004c' } else if (value > 300) { color = '#7e0023' } else { color = '#666666' } return color } else if (name == 'pm25') { let color = '' if (value >= 0 && value <= 35) { color = '#00E400' } else if (value > 35 && value <= 75) { color = '#ffff00' } else if (value > 75 && value <= 115) { color = '#ff7e00' } else if (value > 115 && value <= 150) { color = '#ff0000' } else if (value > 150 && value <= 250) { color = '#99004c' } else if (value > 250) { color = '#7e0023' } else { color = '#666666' } return color } else if (name == 'pm10') { let color = '' if (value >= 0 && value <= 50) { color = '#00E400' } else if (value > 50 && value <= 150) { color = '#ffff00' } else if (value > 150 && value <= 250) { color = '#ff7e00' } else if (value > 250 && value <= 350) { color = '#ff0000' } else if (value > 350 && value <= 420) { color = '#99004c' } else if (value > 420) { color = '#7e0023' } else { color = '#666666' } return color } else if (name == 'no2') { let color = '' if (value >= 0 && value <= 100) { color = '#00E400' } else if (value > 100 && value <= 200) { color = '#ffff00' } else if (value > 200 && value <= 700) { color = '#ff7e00' } else if (value > 700 && value <= 1200) { color = '#ff0000' } else if (value > 1200 && value <= 2340) { color = '#99004c' } else if (value > 2340) { color = '#7e0023' } else { color = '#666666' } return color } else if (name == 'so2') { let color = '' if (value >= 0 && value <= 150) { color = '#00E400' } else if (value > 150 && value <= 500) { color = '#ffff00' } else if (value > 500 && value <= 650) { color = '#ff7e00' } else if (value > 650 && value <= 800) { color = '#ff0000' } else if (value > 800) { color = '#7e0023' } else { color = '#666666' } return color } else if (name == 'co') { let color = '' if (value >= 0 && value <= 5) { color = '#00E400' } else if (value > 5 && value <= 10) { color = '#ffff00' } else if (value > 10 && value <= 35) { color = '#ff7e00' } else if (value > 35 && value <= 60) { color = '#ff0000' } else if (value > 60 && value <= 90) { color = '#99004c' } else if (value > 90) { color = '#7e0023' } else { color = '#666666' } return color } else if (name == 'o3') { let color = '' if (value >= 0 && value <= 160) { color = '#00E400' } else if (value > 160 && value <= 200) { color = '#ffff00' } else if (value > 200 && value <= 300) { color = '#ff7e00' } else if (value > 300 && value <= 400) { color = '#ff0000' } else if (value > 400 && value <= 800) { color = '#99004c' } else if (value > 800) { color = '#7e0023' } else { color = '#666666' } return color } else if (name == 'oh') { let color = '' if (value <= 160) { color = '#00E400' } else if (value > 160 && value <= 200) { color = '#ffff00' } else if (value > 200 && value <= 300) { color = '#ff7e00' } else if (value > 300 && value <= 400) { color = '#ff0000' } else if (value > 400 && value <= 800) { color = '#99004c' } else if (value > 800) { color = '#7e0023' } return color } } function factChange(factString) { if (factString && factString != '-') { let arr = factString.split(',') let aa = [] arr.forEach(fact => { if (fact == 'PM10' || fact == 'pm10') { aa.push('PM₁₀') } else if (fact == 'PM25' || fact == 'pm25' || fact == 'PM2.5') { aa.push('PM₂.₅') } else if (fact == 'O3' || fact == 'o3') { aa.push('O₃') } else if (fact == 'SO2' || fact == 'so2') { aa.push('SO₂') } else if (fact == 'NO2' || fact == 'no2') { aa.push('NO₂') } else if (fact == 'CO' || fact == 'co') { aa.push('CO') } else if (fact == 'aqi') { aa.push('AQI') } else { aa.push(fact) } }) let x = aa.toString() return x } else { return '-' } } function parseTime(time, pattern) { if (arguments.length === 0 || !time) { return null } const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}' let date if (typeof time === 'object') { date = time } else { if (typeof time === 'string' && /^[0-9]+$/.test(time)) { time = parseInt(time) } else if (typeof time === 'string') { time = time .replace(new RegExp(/-/gm), '/') .replace('T', ' ') .replace(new RegExp(/\.[\d]{3}/gm), '') } if (typeof time === 'number' && time.toString().length === 10) { time = time * 1000 } date = new Date(time) } const formatObj = { y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate(), h: date.getHours(), i: date.getMinutes(), s: date.getSeconds(), a: date.getDay() } const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { let value = formatObj[key] // Note: getDay() returns 0 on Sunday if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] } if (result.length > 0 && value < 10) { value = '0' + value } return value || 0 }) return time_str } function formatDates (time) { var date = new Date(time); var YY = date.getFullYear() + "-"; var MM = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-"; var DD = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); var hh = (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":"; var mm = (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":"; var ss = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); return YY + MM + DD; }; function formatDatedd(time) { var date = new Date(time); var YY = date.getFullYear() + "-"; var MM = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-"; var DD = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); var hh = (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":"; var mm = (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":"; var ss = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); return DD; // return hh + mm + ss; };

空气日历质量图