console
var chartDom = document.getElementById('main');
console.log(chartDom)
// var reindeer = 'path://M-22.788,24.521c2.08-0.986,3.611-3.905,4.984-5.892 c-2.686,2.782-5.047,5.884-9.102,7.312c-0.992,0.005-0.25-2.016,0.34-2.362l1.852-0.41c0.564-0.218,0.785-0.842,0.902-1.347 c2.133-0.727,4.91-4.129,6.031-6.194c1.748-0.7,4.443-0.679,5.734-2.293c1.176-1.468,0.393-3.992,1.215-6.557 c0.24-0.754,0.574-1.581,1.008-2.293c-0.611,0.011-1.348-0.061-1.959-0.608c-1.391-1.245-0.785-2.086-1.297-3.313 c1.684,0.744,2.5,2.584,4.426,2.586C-8.46,3.012-8.255,2.901-8.04,2.824c6.031-1.952,15.182-0.165,19.498-3.937 c1.15-3.933-1.24-9.846-1.229-9.938c0.008-0.062-1.314-0.004-1.803-0.258c-1.119-0.771-6.531-3.75-0.17-3.33 c0.314-0.045,0.943,0.259,1.439,0.435c-0.289-1.694-0.92-0.144-3.311-1.946c0,0-1.1-0.855-1.764-1.98 c-0.836-1.09-2.01-2.825-2.992-4.031c-1.523-2.476,1.367,0.709,1.816,1.108c1.768,1.704,1.844,3.281,3.232,3.983 c0.195,0.203,1.453,0.164,0.926-0.468c-0.525-0.632-1.367-1.278-1.775-2.341c-0.293-0.703-1.311-2.326-1.566-2.711 c-0.256-0.384-0.959-1.718-1.67-2.351c-1.047-1.187-0.268-0.902,0.521-0.07c0.789,0.834,1.537,1.821,1.672,2.023 c0.135,0.203,1.584,2.521,1.725,2.387c0.102-0.259-0.035-0.428-0.158-0.852c-0.125-0.423-0.912-2.032-0.961-2.083 c-0.357-0.852-0.566-1.908-0.598-3.333c0.4-2.375,0.648-2.486,0.549-0.705c0.014,1.143,0.031,2.215,0.602,3.247 c0.807,1.496,1.764,4.064,1.836,4.474c0.561,3.176,2.904,1.749,2.281-0.126c-0.068-0.446-0.109-2.014-0.287-2.862 c-0.18-0.849-0.219-1.688-0.113-3.056c0.066-1.389,0.232-2.055,0.277-2.299c0.285-1.023,0.4-1.088,0.408,0.135 c-0.059,0.399-0.131,1.687-0.125,2.655c0.064,0.642-0.043,1.768,0.172,2.486c0.654,1.928-0.027,3.496,1,3.514 c1.805-0.424,2.428-1.218,2.428-2.346c-0.086-0.704-0.121-0.843-0.031-1.193c0.221-0.568,0.359-0.67,0.312-0.076 c-0.055,0.287,0.031,0.533,0.082,0.794c0.264,1.197,0.912,0.114,1.283-0.782c0.15-0.238,0.539-2.154,0.545-2.522 c-0.023-0.617,0.285-0.645,0.309,0.01c0.064,0.422-0.248,2.646-0.205,2.334c-0.338,1.24-1.105,3.402-3.379,4.712 c-0.389,0.12-1.186,1.286-3.328,2.178c0,0,1.729,0.321,3.156,0.246c1.102-0.19,3.707-0.027,4.654,0.269 c1.752,0.494,1.531-0.053,4.084,0.164c2.26-0.4,2.154,2.391-1.496,3.68c-2.549,1.405-3.107,1.475-2.293,2.984 c3.484,7.906,2.865,13.183,2.193,16.466c2.41,0.271,5.732-0.62,7.301,0.725c0.506,0.333,0.648,1.866-0.457,2.86 c-4.105,2.745-9.283,7.022-13.904,7.662c-0.977-0.194,0.156-2.025,0.803-2.247l1.898-0.03c0.596-0.101,0.936-0.669,1.152-1.139 c3.16-0.404,5.045-3.775,8.246-4.818c-4.035-0.718-9.588,3.981-12.162,1.051c-5.043,1.423-11.449,1.84-15.895,1.111 c-3.105,2.687-7.934,4.021-12.115,5.866c-3.271,3.511-5.188,8.086-9.967,10.414c-0.986,0.119-0.48-1.974,0.066-2.385l1.795-0.618 C-22.995,25.682-22.849,25.035-22.788,24.521z'
var reindeer = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAA+0lEQVQYlWNAB67H50x2OzF7Ibo4IzLH79xcqe+//j1gZGBgZmZhVdtuknAXJseErPD77/95DP8ZWP//Z2D6+/t3PlYTQ6+u4vnw+dNjhv//BaBCX7g5WGQ3GCZ+QDHx46ePSUiKQIDn269/qShWh/5fxczAyFCA4bP//3Mb/u9ngSv8cOpT0P//DIqY6v7LHjt5NwSukPE/QzGGaXDVDIVgNa6n51gz/Pl/BKdCkCJmZmsWxr8MJf9hAoyMIF/PY2Ri+vXv3/80Bob/8mCJf/+KWBj+/5djZGBYz8TIMMfCPHlHAyPjP5Bcw///HcdOzfdi+P8v6z8DgxYAqihhR2vtIYsAAAAASUVORK5CYII='
var myChart = new echarts.init(chartDom);
var option;
var time = ["10:00", "9:00", "8:00", "7:00", "6:00", "5:00", "4:00", "3:00", "2:00", "1:00", "周三", "23:00", "22:00", "21:00", "20:00", "19:00", "18:00", "17:00", "16:00", "15:00", "14:00", "13:00", "12:00", "11:00", "10:00", "9:00", "8:00", "7:00", "6:00", "5:00", "4:00", "3:00", "2:00", "1:00", "周二", "23:00", "22:00", "21:00", "20:00", "19:00", "18:00", "17:00", "16:00", "15:00", "14:00", "13:00", "12:00", "11:00"]
var data = [{ "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-05 20:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1931168, "dataTime": "2021-12-05 21:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "82", "pm25": "60", "pm10": "78", "so2": "7", "co": "0.6", "o3": "94", "no2": "38", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "60", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "6", "humidity": "47", "windSpeed": "2.0", "windScale": "1", "windDirectionDegree": "221", "windDirection": "西南", "precip": "", "pressure": "1012", "visibility": "10.3", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-05 22:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-05 23:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1936439, "dataTime": "2021-12-06 00:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "88", "pm25": "65", "pm10": "78", "so2": "9", "co": "0.7", "o3": "94", "no2": "63", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "65", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "3", "humidity": "58", "windSpeed": "0.0", "windScale": "0", "windDirectionDegree": "45", "windDirection": "东北", "precip": "", "pressure": "1011", "visibility": "11.2", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1938195, "dataTime": "2021-12-06 01:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "95", "pm25": "71", "pm10": "102", "so2": "9", "co": "0.8", "o3": "94", "no2": "64", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "71", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "3", "humidity": "62", "windSpeed": "0.0", "windScale": "0", "windDirectionDegree": "45", "windDirection": "东北", "precip": "", "pressure": "1012", "visibility": "10.5", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-06 02:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1941707, "dataTime": "2021-12-06 03:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "103", "pm25": "77", "pm10": "108", "so2": "16", "co": "0.9", "o3": "94", "no2": "81", "pollutionState": "轻度污染", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "77", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "3", "humidity": "69", "windSpeed": "2.0", "windScale": "1", "windDirectionDegree": "283", "windDirection": "西", "precip": "", "pressure": "1013", "visibility": "10.8", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1943463, "dataTime": "2021-12-06 04:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "98", "pm25": "73", "pm10": "108", "so2": "16", "co": "0.9", "o3": "94", "no2": "76", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "73", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "3", "humidity": "66", "windSpeed": "1.0", "windScale": "0", "windDirectionDegree": "276", "windDirection": "西", "precip": "", "pressure": "1008", "visibility": "10.4", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1945219, "dataTime": "2021-12-06 05:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "95", "pm25": "67", "pm10": "139", "so2": "16", "co": "0.9", "o3": "94", "no2": "68", "pollutionState": "良", "primaryPollutantKey": "颗粒物(PM10)", "primaryPollutantValue": "139", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "8", "humidity": "34", "windSpeed": "3.0", "windScale": "1", "windDirectionDegree": "246", "windDirection": "西南", "precip": "", "pressure": "1006", "visibility": "14.2", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1946975, "dataTime": "2021-12-06 06:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "74", "pm25": "54", "pm10": "82", "so2": "15", "co": "0.8", "o3": "94", "no2": "43", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "54", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "6", "humidity": "39", "windSpeed": "5.0", "windScale": "1", "windDirectionDegree": "272", "windDirection": "西", "precip": "", "pressure": "1013", "visibility": "14.5", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-06 07:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1950484, "dataTime": "2021-12-06 08:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "67", "pm25": "48", "pm10": "68", "so2": "16", "co": "0.8", "o3": "94", "no2": "38", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "48", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "10", "humidity": "25", "windSpeed": "4.0", "windScale": "1", "windDirectionDegree": "245", "windDirection": "西南", "precip": "", "pressure": "1014", "visibility": "17.2", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1952238, "dataTime": "2021-12-06 09:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "65", "pm25": "47", "pm10": "63", "so2": "17", "co": "0.8", "o3": "94", "no2": "33", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "47", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "11", "humidity": "24", "windSpeed": "6.0", "windScale": "2", "windDirectionDegree": "333", "windDirection": "西北", "precip": "", "pressure": "1015", "visibility": "15.6", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1953991, "dataTime": "2021-12-06 10:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "69", "pm25": "50", "pm10": "75", "so2": "17", "co": "0.9", "o3": "94", "no2": "41", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "50", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "13", "humidity": "22", "windSpeed": "6.0", "windScale": "2", "windDirectionDegree": "337", "windDirection": "西北", "precip": "", "pressure": "1018", "visibility": "10.8", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1955743, "dataTime": "2021-12-06 11:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "80", "pm25": "52", "pm10": "110", "so2": "24", "co": "1.1", "o3": "94", "no2": "47", "pollutionState": "良", "primaryPollutantKey": "颗粒物(PM10)", "primaryPollutantValue": "110", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "13", "humidity": "21", "windSpeed": "15.0", "windScale": "3", "windDirectionDegree": "76", "windDirection": "东", "precip": "", "pressure": "1017", "visibility": "12.5", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-06 12:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1959247, "dataTime": "2021-12-06 13:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "92", "pm25": "42", "pm10": "133", "so2": "17", "co": "0.8", "o3": "94", "no2": "33", "pollutionState": "良", "primaryPollutantKey": "颗粒物(PM10)", "primaryPollutantValue": "133", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "14", "humidity": "18", "windSpeed": "11.0", "windScale": "2", "windDirectionDegree": "86", "windDirection": "东", "precip": "", "pressure": "1013", "visibility": "14.6", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1961002, "dataTime": "2021-12-06 14:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": "36", "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": "", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "14", "humidity": "18", "windSpeed": "18.0", "windScale": "3", "windDirectionDegree": "62", "windDirection": "东北", "precip": "", "pressure": "1013", "visibility": "19.6", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1962758, "dataTime": "2021-12-06 15:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "67", "pm25": "30", "pm10": "83", "so2": "10", "co": "0.5", "o3": "89", "no2": "23", "pollutionState": "良", "primaryPollutantKey": "颗粒物(PM10)", "primaryPollutantValue": "83", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "14", "humidity": "23", "windSpeed": "16.0", "windScale": "3", "windDirectionDegree": "47", "windDirection": "东北", "precip": "", "pressure": "1019", "visibility": "15.9", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1964515, "dataTime": "2021-12-06 16:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "67", "pm25": "34", "pm10": "84", "so2": "10", "co": "0.5", "o3": "83", "no2": "24", "pollutionState": "良", "primaryPollutantKey": "颗粒物(PM10)", "primaryPollutantValue": "84", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "13", "humidity": "21", "windSpeed": "14.0", "windScale": "3", "windDirectionDegree": "92", "windDirection": "东", "precip": "", "pressure": "1018", "visibility": "18.1", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1966272, "dataTime": "2021-12-06 17:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "59", "pm25": "34", "pm10": "67", "so2": "9", "co": "0.4", "o3": "74", "no2": "24", "pollutionState": "良", "primaryPollutantKey": "颗粒物(PM10)", "primaryPollutantValue": "67", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "12", "humidity": "23", "windSpeed": "14.0", "windScale": "3", "windDirectionDegree": "57", "windDirection": "东北", "precip": "", "pressure": "1016", "visibility": "18.1", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1968029, "dataTime": "2021-12-06 18:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "54", "pm25": "36", "pm10": "57", "so2": "9", "co": "0.5", "o3": "74", "no2": "28", "pollutionState": "良", "primaryPollutantKey": "颗粒物(PM10)", "primaryPollutantValue": "57", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "11", "humidity": "25", "windSpeed": "7.0", "windScale": "2", "windDirectionDegree": "80", "windDirection": "东", "precip": "", "pressure": "1014", "visibility": "18.4", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-06 19:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1971542, "dataTime": "2021-12-06 20:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "67", "pm25": "48", "pm10": "66", "so2": "9", "co": "0.6", "o3": "74", "no2": "48", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "48", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "10", "humidity": "27", "windSpeed": "8.0", "windScale": "2", "windDirectionDegree": "64", "windDirection": "东北", "precip": "", "pressure": "1018", "visibility": "16.8", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-06 21:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-06 22:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1976813, "dataTime": "2021-12-06 23:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "53", "pm25": "37", "pm10": "52", "so2": "9", "co": "0.5", "o3": "74", "no2": "33", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "37", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "8", "humidity": "33", "windSpeed": "9.0", "windScale": "2", "windDirectionDegree": "69", "windDirection": "东", "precip": "", "pressure": "1020", "visibility": "19.6", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1978571, "dataTime": "2021-12-07 00:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "57", "pm25": "40", "pm10": "53", "so2": "9", "co": "0.6", "o3": "74", "no2": "29", "pollutionState": "良", "primaryPollutantKey": "细颗粒物(PM2.5)", "primaryPollutantValue": "40", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "7", "humidity": "36", "windSpeed": "6.0", "windScale": "2", "windDirectionDegree": "47", "windDirection": "东北", "precip": "", "pressure": "1018", "visibility": "15.2", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1980328, "dataTime": "2021-12-07 01:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "65", "pm25": "43", "pm10": "79", "so2": "9", "co": "0.6", "o3": "74", "no2": "29", "pollutionState": "良", "primaryPollutantKey": "颗粒物(PM10)", "primaryPollutantValue": "79", "p1": null, "p2": null, "p3": null, "text": "晴", "code": "0", "temperature": "7", "humidity": "41", "windSpeed": "7.0", "windScale": "2", "windDirectionDegree": "69", "windDirection": "东", "precip": "", "pressure": "1024", "visibility": "14.2", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 02:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 03:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 04:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 05:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 06:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 07:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 08:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 1994386, "dataTime": "2021-12-07 09:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "48", "pm25": "33", "pm10": "47", "so2": "11", "co": "0.8", "o3": "74", "no2": "28", "pollutionState": "优", "primaryPollutantKey": null, "primaryPollutantValue": "", "p1": null, "p2": null, "p3": null, "text": "阴", "code": "9", "temperature": "6", "humidity": "50", "windSpeed": "7.0", "windScale": "2", "windDirectionDegree": "60", "windDirection": "东北", "precip": "", "pressure": "1021", "visibility": "20.0", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 10:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 11:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 12:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 2001412, "dataTime": "2021-12-07 13:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "40", "pm25": "20", "pm10": "40", "so2": "11", "co": "0.4", "o3": "74", "no2": "15", "pollutionState": "优", "primaryPollutantKey": null, "primaryPollutantValue": "", "p1": null, "p2": null, "p3": null, "text": "多云", "code": "4", "temperature": "9", "humidity": "39", "windSpeed": "6.0", "windScale": "2", "windDirectionDegree": "31", "windDirection": "东北", "precip": "", "pressure": "1023", "visibility": "16.4", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 2003168, "dataTime": "2021-12-07 14:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "52", "pm25": "22", "pm10": "54", "so2": "11", "co": "0.4", "o3": "74", "no2": "17", "pollutionState": "良", "primaryPollutantKey": "颗粒物(PM10)", "primaryPollutantValue": "54", "p1": null, "p2": null, "p3": null, "text": "多云", "code": "4", "temperature": "9", "humidity": "39", "windSpeed": "5.0", "windScale": "1", "windDirectionDegree": "69", "windDirection": "东", "precip": "", "pressure": "1017", "visibility": "15.2", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 15:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": 2006677, "dataTime": "2021-12-07 16:00:00", "siteName": "岗李水库(对照点)", "siteId": "1324A", "aqi": "54", "pm25": "38", "pm10": "58", "so2": "11", "co": "0.5", "o3": "74", "no2": "23", "pollutionState": "良", "primaryPollutantKey": "颗粒物(PM10),细颗粒物(PM2.5)", "primaryPollutantValue": "58,38", "p1": null, "p2": null, "p3": null, "text": "多云", "code": "4", "temperature": "9", "humidity": "41", "windSpeed": "7.0", "windScale": "2", "windDirectionDegree": "72", "windDirection": "东", "precip": "", "pressure": "1024", "visibility": "11.8", "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 17:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 18:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }, { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "beginTime": null, "endTime": null, "id": null, "dataTime": "2021-12-07 19:00:46", "siteName": null, "siteId": null, "aqi": null, "pm25": null, "pm10": null, "so2": null, "co": null, "o3": null, "no2": null, "pollutionState": null, "primaryPollutantKey": null, "primaryPollutantValue": null, "p1": null, "p2": null, "p3": null, "text": null, "code": null, "temperature": null, "humidity": null, "windSpeed": null, "windScale": null, "windDirectionDegree": null, "windDirection": null, "precip": null, "pressure": null, "visibility": null, "recoderTime": null }]
let arr = []
let fxarr = []
data.forEach(item => {
arr.push({
value: item.aqi,
time:item.time,
itemStyle: {
// color: '#fff'
}
})
let fxobj = {
value: item.windDirectionDegree,
symbol: reindeer,
symbolSize: [10, 10]
}
fxarr.push(fxobj)
})
// console.log(arr)
function xShow(row) {
if (
row === "周一" ||
row === "周二" ||
row === "周三" ||
row === "周四" ||
row === "周五" ||
row === "周六" ||
row === "周日" ||
row === "6:00" ||
row === "12:00" ||
row === "18:00"
) {
return row
} else {
return "";
}
}
option = {
grid: {
top: "30px",
left: "0px",
right: "0px",
bottom: "30px"
},
tooltip: {
show: true,
position: [10, 10],
formatter: function(index,value){
console.log(value)
},
},
xAxis: {
type: 'category',
data: time,
position: 'top',
// axisLabel: {
// show: true,
// interval: 0,
// formatter: function (val) {
// return xShow(val)
// }
// },
axisTick: {
alignWithLabel: true,
show: false
},
splitLine: {
show: true,
lineStyle: {
// type: 'dotted',
color: function (params) {
return 'red'
},
width: 1
},
interval: function (index, value) {
if (xShow(value) == value) {
return value;
} else {
return false;
}
},
},
axisLabel: {
show: true,
// 根据data中的数据处理成自己想要的间隔
interval: function (index, value) {
if (xShow(value) == value) {
return value;
} else {
return false;
}
},
formatter: function (val) {
return xShow(val)
},
textStyle: {
height: 100,
fontSize: "10",
color: "#979797"
}
},
},
yAxis: {
type: 'value',
splitLine: {
show: false
}
},
series: [
{
name: 'I',
data: arr,
type: 'bar',
showBackground: true,
backgroundStyle: {
// color: 'rgba(180, 180, 180, 0.2)'
}
},
{
name: 'glyph',
type: 'pictorialBar',
barGap: '0',
symbolPosition: 'top',
symbolSize: 20,
symbolOffset: [0, 0],
data: fxarr
}
],
};
option && myChart.setOption(option);
window.addEventListener('resize', function () {
// 让我们的图表调用 resize这个方法
myChart.resize();
});
<div id="main"></div>
#main{
width: 600px;
height: 80px;
border:1px solid red;
}