{"version":3,"sources":["../../src/js/data-cz.js"],"names":["BigDataMapChart","echarts","init","document","getElementById","BigDataMapChartOption","axios","get","then","response","DataPmJson","data","DataPmList","geoCoordMap","forEach","v","i","push","name","CompanyName","value","Longitude","Latitude","concat","WorkTime","convertedData","sort","a","b","slice","categoryData","categoryBarData","barData","sum","count","length","j","backgroundColor","animation","animationDuration","animationEasing","animationDurationUpdate","animationEasingUpdate","title","left","top","textStyle","color","tooltip","trigger","formatter","params","geo","map","bottom","right","label","normal","show","emphasis","roam","itemStyle","areaColor","borderColor","grid","width","xAxis","type","scale","boundaryGap","splitLine","axisLine","axisTick","axisLabel","margin","yAxis","nameGap","lineStyle","interval","reverse","series","coordinateSystem","symbolSize","val","Math","max","position","showEffectOn","rippleEffect","brushType","hoverAnimation","shadowBlur","shadowColor","zlevel","id","symbol","_typeof","setOption","catch","error","console","log","BigDataMapChart1","BigDataMapChart1Option","DataPmData","Id","AQI","min","maxSize4Pin","minSize4Pin","visualMap","text","calculable","seriesIndex","inRange","geoIndex","aspectScale","showLegendSymbol","fontSize","BigDataMapChart2","BigDataMapChart2Option","Temperature","AnomalyRate","BigDataMapChart3","BigDataMapChart3Option","HotIndex","splitNumber"],"mappings":"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","file":"data-cz.js","sourcesContent":["// 区域设备开工率分布\n// import uploadedDataURL from '../data-changzhou.json'\nlet BigDataMapChart = echarts.init(document.getElementById('YesterdayWorkTime'))\nlet BigDataMapChartOption = null\n// BigDataMapChart.showLoading()\n\n// BigDataMapChart.hideLoading()\naxios.get('http://api.datainstance.hence.cn/api/draw/operatingRateList')\n .then((response) => {\n let DataPmJson = response.data.data\n let DataPmList = []\n let geoCoordMap = []\n DataPmJson.forEach((v, i) => {\n DataPmList.push({\n name: v.CompanyName,\n value: [v.Longitude, v.Latitude].concat(v.WorkTime)\n })\n geoCoordMap.push({\n name: v.CompanyName,\n value: v.WorkTime\n })\n })\n var convertedData = [\n DataPmList,\n DataPmList.sort(function(a, b) {\n return b.value[2] - a.value[2]\n }).slice(0, 10)\n ]\n geoCoordMap.sort(function(a, b) {\n return b.value - a.value\n })\n var categoryData = []\n var categoryBarData = []\n var barData = []\n // var maxBar = 30;\n var sum = 0\n var count = geoCoordMap.length\n // var count = 10\n for (var i = 0; i < geoCoordMap.length; i++) {\n // categoryData.push(geoCoordMap[i].name)\n barData.push(geoCoordMap[i].value)\n sum += geoCoordMap[i].value\n }\n for (var j = 0; j < 10; j++) {\n categoryData.push(geoCoordMap[j].name)\n categoryBarData.push({\n name: geoCoordMap[j].name,\n value: geoCoordMap[j].value\n })\n }\n\n // console.log(categoryData)\n // console.log(sum + ' ' + count)\n BigDataMapChartOption = {\n // backgroundColor: '#021926',\n backgroundColor: 'transparent',\n animation: true,\n animationDuration: 1000,\n animationEasing: 'cubicInOut',\n animationDurationUpdate: 1000,\n animationEasingUpdate: 'cubicInOut',\n title: [{\n // text: '“区域设备开工率分布” - 常州市',\n // link: 'http://pages.anjuke.com/expert/newexpert.html',\n // subtext: 'data from Anjuke',\n // sublink: 'http://pages.anjuke.com/expert/newexpert.html',\n left: 'center',\n top: '5%',\n textStyle: {\n color: '#ccc'\n }\n }\n // ,{\n // id: 'statistic',\n // text: count ? '平均: ' + parseInt((sum / count).toFixed(4)) : '',\n // right: '10%',\n // top: '40%',\n // width: '10%',\n // textStyle: {\n // color: '#fff',\n // fontSize: 16\n // }\n // }\n ],\n // toolbox: {\n // iconStyle: {\n // normal: {\n // borderColor: '#fff'\n // },\n // emphasis: {\n // borderColor: '#b1e4ff'\n // }\n // },\n // feature: {\n // dataZoom: {},\n // brush: {\n // type: ['rect', 'polygon', 'clear']\n // },\n // saveAsImage: {\n // show: true\n // }\n // }\n // },\n // brush: {\n // outOfBrush: {\n // color: '#abc'\n // },\n // brushStyle: {\n // borderWidth: 2,\n // color: 'rgba(0,0,0,0.2)',\n // borderColor: 'rgba(0,0,0,0.5)'\n // },\n // seriesIndex: [0, 1],\n // throttleType: 'debounce',\n // throttleDelay: 300,\n // geoIndex: 0\n // },\n tooltip: {\n trigger: 'item',\n formatter: function(params) {\n if (typeof(params.value)[2] === 'undefined') {\n return params.name + ' : ' + params.value\n } else {\n return params.name + ' : ' + params.value[2]\n }\n }\n },\n geo: {\n map: 'changzhou',\n top: '15%',\n bottom: '7%',\n left: '5%',\n right: '25%',\n // center: [117.98561551896913, 31.205000490896193],\n // zoom: 1.5,\n label: {\n normal: {\n show: true,\n textStyle: {\n color: '#ccc'\n }\n },\n emphasis: {\n show: false\n }\n },\n roam: false, // 禁止鼠标操作地图\n // itemStyle: {\n // normal: {\n // areaColor: 'transparent',\n // borderColor: '#3fdaff',\n // borderWidth: 2,\n // shadowColor: 'rgba(63, 218, 255, 0.5)',\n // shadowBlur: 30\n // },\n // emphasis: {\n // areaColor: '#2B91B7'\n // }\n // }\n itemStyle: {\n normal: {\n areaColor: '#323c48',\n borderColor: '#111'\n },\n emphasis: {\n areaColor: '#2a333d'\n }\n }\n },\n grid: {\n right: '10%',\n top: '20%',\n bottom: '20%',\n width: '10%'\n },\n xAxis: {\n type: 'value',\n scale: true,\n // position: 'top',\n boundaryGap: false,\n splitLine: {\n show: false\n },\n axisLine: {\n show: false\n },\n axisTick: {\n show: false\n },\n axisLabel: {\n show: false,\n margin: 2,\n textStyle: {\n color: '#aaa'\n }\n }\n },\n yAxis: {\n type: 'category',\n // name: 'TOP 20',\n nameGap: 16,\n axisLine: {\n show: true,\n lineStyle: {\n color: '#ddd'\n }\n },\n axisTick: {\n show: false,\n lineStyle: {\n color: '#ddd'\n }\n },\n axisLabel: {\n show: false,\n interval: 0,\n textStyle: {\n color: '#ddd'\n }\n },\n data: categoryData.reverse()\n },\n series: [{\n // name: '',\n type: 'scatter',\n coordinateSystem: 'geo',\n data: convertedData[0],\n symbolSize: function(val) {\n return Math.max(val[2] / 5, 8)\n },\n label: {\n normal: {\n formatter: '{b}',\n position: 'right',\n show: false\n },\n emphasis: {\n show: true\n }\n },\n itemStyle: {\n normal: {\n color: '#FF8C00',\n position: 'right',\n show: true\n }\n }\n }, {\n // name: 'Top 5',\n type: 'effectScatter',\n coordinateSystem: 'geo',\n data: convertedData[0],\n symbolSize: function(val) {\n return Math.max(val[2] / 10, 8)\n },\n showEffectOn: 'render',\n rippleEffect: {\n brushType: 'stroke'\n },\n hoverAnimation: true,\n label: {\n normal: {\n formatter: '{b}',\n position: 'right',\n show: false\n }\n },\n itemStyle: {\n normal: {\n color: '#f4e925',\n shadowBlur: 50,\n shadowColor: '#EE0000'\n }\n },\n zlevel: 1\n }, {\n id: 'bar',\n zlevel: 2,\n type: 'bar',\n symbol: 'none',\n itemStyle: {\n normal: {\n color: '#ddb926'\n }\n },\n\n data: categoryBarData.reverse()\n }]\n\n }\n if (BigDataMapChartOption && typeof BigDataMapChartOption === 'object') {\n BigDataMapChart.setOption(BigDataMapChartOption, true)\n }\n })\n .catch((error) => {\n console.log(error)\n })\n\n// PM2.5\nlet BigDataMapChart1 = echarts.init(document.getElementById('YesterdayDeviceStatus'))\nlet BigDataMapChart1Option = null\naxios.get('http://api.datainstance.hence.cn/api/draw/airQualityIndexList')\n .then((response) => {\n let DataPmJson = response.data.data\n let DataPmList = []\n let DataPmData = []\n DataPmJson.forEach((v, i) => {\n DataPmList.push({\n id: v.Id,\n name: `监测点${i + 1}`,\n value: [v.Longitude, v.Latitude].concat(v.AQI)\n })\n DataPmData.push({\n name: `监测点${i + 1}`,\n value: v.AQI\n })\n })\n let max = 480\n let min = 9 // todo\n let maxSize4Pin = 100\n let minSize4Pin = 20\n\n BigDataMapChart1Option = {\n backgroundColor: 'transparent',\n title: {\n // text: '“PM2.5” - 常州市',\n // subtext: '',\n left: 'center',\n top: '5%',\n textStyle: {\n color: '#ccc'\n }\n },\n tooltip: {\n trigger: 'item',\n formatter: function(params) {\n if (typeof(params.value)[2] === 'undefined') {\n return params.name + ' : ' + params.value\n } else {\n return params.name + ' : ' + params.value[2]\n }\n }\n },\n // legend: {\n // orient: 'vertical',\n // y: 'bottom',\n // x: 'right',\n // data: ['credit_pm2.5'],\n // textStyle: {\n // color: '#fff'\n // }\n // },\n visualMap: {\n show: false,\n left: 'left',\n min: 0,\n max: 90,\n top: 'bottom',\n text: ['高', '低'], // 文本,默认为数值文本\n calculable: true,\n seriesIndex: [1],\n inRange: {\n // color: ['#3B5077', '#031525'], // 蓝黑\n // color: ['#ffc0cb', '#800080'], // 红紫\n // color: ['#3C3B3F', '#605C3C'], // 黑绿\n // color: ['#0f0c29', '#302b63', '#24243e'] // 黑紫黑\n // color: ['#23074d', '#cc5333'], // 紫红\n // color: ['#00467F', '#A5CC82'], // 蓝绿\n // color: ['#1488CC', '#2B32B2'], // 浅蓝\n // color: ['#00467F', '#A5CC82'], // 蓝绿\n // color: ['#00467F', '#A5CC82'], // 蓝绿\n // color: ['#00467F', '#A5CC82'], // 蓝绿\n // color: ['#00467F', '#A5CC82'] // 蓝绿\n color: ['#A5CC82', '#fffa00', '#ff5041']\n }\n },\n // toolbox: {\n // show: true,\n // orient: 'vertical',\n // left: 'right',\n // top: 'center',\n // feature: {\n // dataView: {readOnly: false},\n // restore: {},\n // saveAsImage: {}\n // }\n // },\n geo: {\n map: 'changzhou',\n top: '20%',\n bottom: '7%',\n left: '5%',\n right: '20%',\n // center: [117.98561551896913, 31.205000490896193],\n // zoom: 1.5,\n label: {\n normal: {\n show: true,\n textStyle: {\n color: '#ccc'\n }\n },\n emphasis: {\n show: false\n }\n },\n roam: false, // 禁止鼠标操作地图\n itemStyle: {\n normal: {\n areaColor: '#323c48',\n borderColor: '#111'\n },\n emphasis: {\n areaColor: '#2a333d'\n }\n }\n },\n series: [{\n type: 'map',\n tooltip: {\n show: false\n },\n map: 'changzhou',\n geoIndex: 0,\n aspectScale: 0.75, // 长宽比\n showLegendSymbol: false, // 存在legend时显示\n label: {\n normal: {\n show: false\n },\n emphasis: {\n show: false,\n textStyle: {\n color: '#fff'\n }\n }\n },\n roam: true,\n itemStyle: {\n normal: {\n areaColor: '#031525',\n borderColor: '#3B5077'\n },\n emphasis: {\n areaColor: '#2B91B7'\n }\n },\n animation: false\n },\n {\n name: '点',\n type: 'scatter',\n coordinateSystem: 'geo',\n symbol: 'pin',\n symbolSize: function(val) {\n var a = (maxSize4Pin - minSize4Pin) / (max - min)\n var b = minSize4Pin - a * min\n b = maxSize4Pin - a * max\n return a * val[2] * 2 + b\n },\n label: {\n normal: {\n formatter: function(params) {\n return params.value[2]\n },\n show: true,\n textStyle: {\n color: '#333',\n fontSize: 12\n }\n }\n },\n itemStyle: {\n normal: {\n color: '#F62157' // 标志颜色\n }\n },\n zlevel: 6,\n data: DataPmList\n },\n {\n name: 'credit_pm2.5',\n type: 'scatter',\n coordinateSystem: 'geo',\n data: DataPmList,\n symbolSize: function(val) {\n return val[2] / 3\n },\n label: {\n normal: {\n formatter: '{b}',\n position: 'right',\n show: true\n },\n emphasis: {\n show: true\n }\n },\n itemStyle: {\n normal: {\n // color: '#05C3F9'\n color: '#FF8C00'\n }\n }\n },\n {\n name: 'Top 5',\n type: 'effectScatter',\n coordinateSystem: 'geo',\n // data: DataPmList.sort(function (a, b) {\n // return b.value[2] - a.value[2]\n // }).slice(0, 5),\n data: DataPmList,\n symbolSize: function(val) {\n return val[2] / 5\n },\n showEffectOn: 'render',\n rippleEffect: {\n brushType: 'stroke'\n },\n hoverAnimation: true,\n label: {\n normal: {\n formatter: '{b}',\n position: 'right',\n show: false\n }\n },\n itemStyle: {\n normal: {\n // color: '#05C3F9',\n // shadowBlur: 10,\n // shadowColor: '#05C3F9'\n color: '#f4e925',\n shadowBlur: 50,\n shadowColor: '#EE0000'\n }\n },\n zlevel: 1\n }\n\n ]\n }\n if (BigDataMapChart1Option && typeof BigDataMapChart1Option === 'object') {\n BigDataMapChart1.setOption(BigDataMapChart1Option, true)\n }\n\n\n })\n .catch((error) => {\n console.log(error)\n })\n\n// 消防预警\nlet BigDataMapChart2 = echarts.init(document.getElementById('LweekDeviceTime'))\nlet BigDataMapChart2Option = null\naxios.get('http://api.datainstance.hence.cn/api/draw/temperatureList')\n .then((response) => {\n let DataPmJson = response.data.data\n let DataPmList = []\n let DataPmData = []\n DataPmJson.forEach((v, i) => {\n var Temperature = v.Temperature > v.AnomalyRate ? v.Temperature : v.AnomalyRate\n DataPmList.push({\n id: v.Id,\n name: `监测点${i + 1}`,\n value: [v.Longitude, v.Latitude].concat(Temperature)\n })\n DataPmData.push({\n name: `监测点${i + 1}`,\n value: Temperature\n })\n })\n\n BigDataMapChart2Option = {\n backgroundColor: 'transparent',\n title: {\n // text: '“消防预警” - 常州市',\n // subtext: '',\n left: 'center',\n top: '5%',\n textStyle: {\n color: '#ccc'\n }\n },\n tooltip: {\n trigger: 'item',\n formatter: function(params) {\n if (typeof(params.value)[2] === 'undefined') {\n return params.name + ' : ' + params.value\n } else {\n return params.name + ' : ' + params.value[2]\n }\n }\n },\n // legend: {\n // orient: 'vertical',\n // y: 'bottom',\n // x: 'right',\n // data: ['credit_pm2.5'],\n // textStyle: {\n // color: '#fff'\n // }\n // },\n visualMap: {\n show: false,\n min: 0,\n max: 100,\n calculable: true,\n color: ['#d94e5d', '#eac736', '#50a3ba'],\n textStyle: {\n color: '#fff'\n }\n },\n // toolbox: {\n // show: true,\n // orient: 'vertical',\n // left: 'right',\n // top: 'center',\n // feature: {\n // dataView: {readOnly: false},\n // restore: {},\n // saveAsImage: {}\n // }\n // },\n geo: {\n map: 'changzhou',\n top: '20%',\n bottom: '7%',\n left: '5%',\n right: '20%',\n roam: false, // 禁止鼠标操作地图\n // center: [117.98561551896913, 31.205000490896193],\n // zoom: 1.5,\n label: {\n emphasis: {\n show: false\n }\n },\n itemStyle: {\n normal: {\n areaColor: '#323c48',\n borderColor: '#111'\n },\n emphasis: {\n areaColor: '#2a333d'\n }\n }\n },\n series: [{\n // name: 'credit_pm2.5',\n type: 'effectScatter',\n coordinateSystem: 'geo',\n data: DataPmList,\n symbolSize: function(val) {\n return val[2] / 4\n },\n label: {\n normal: {\n formatter: function(params) {\n // return params.name + ':' + params.value[2] + '°C'\n return params.name\n },\n position: 'right',\n show: true\n }\n }\n // itemStyle: {\n // normal: {\n // color: '#ff3300',\n // shadowBlur: 10,\n // shadowColor: '#FF7F00'\n // }\n // }\n }]\n }\n if (BigDataMapChart2Option && typeof BigDataMapChart2Option === 'object') {\n BigDataMapChart2.setOption(BigDataMapChart2Option, true)\n }\n })\n .catch((error) => {\n console.log(error)\n })\n\n// 订单热度\nlet BigDataMapChart3 = echarts.init(document.getElementById('DeviceAllTime'))\nlet BigDataMapChart3Option = null\naxios.get('http://api.datainstance.hence.cn/api/draw/hotList')\n .then((response) => {\n let DataPmJson = response.data.data\n let DataPmList = []\n DataPmJson.forEach((v, i) => {\n DataPmList.push([v.Longitude, v.Latitude, v.HotIndex])\n })\n BigDataMapChart3Option = {\n backgroundColor: 'transparent',\n title: {\n // text: '“区域供应链交易热度” - 常州市',\n // subtext: 'data from PM25.in',\n // sublink: 'http://www.pm25.in',\n left: 'center',\n top: '5%',\n textStyle: {\n color: '#ccc'\n }\n },\n tooltip: {\n show: false,\n trigger: 'item',\n formatter: function(params) {\n console.log(params.name)\n return params.name + ' : ' + params.value[2]\n }\n },\n visualMap: {\n show: false,\n // min: 0,\n // max: 500,\n splitNumber: 5,\n inRange: {\n color: ['#d94e5d', '#eac736', '#50a3ba'].reverse()\n },\n textStyle: {\n color: '#fff'\n }\n },\n geo: {\n map: 'changzhou',\n top: '20%',\n bottom: '7%',\n left: '5%',\n right: '5%',\n // center: [117.98561551896913, 31.205000490896193],\n // zoom: 1.5,\n label: {\n normal: {\n show: true,\n textStyle: {\n color: '#ccc'\n }\n },\n emphasis: {\n show: false\n }\n },\n roam: false, // 禁止鼠标操作地图\n itemStyle: {\n normal: {\n areaColor: '#323c48',\n borderColor: '#111'\n },\n emphasis: {\n areaColor: '#2a333d'\n }\n }\n },\n series: [{\n name: 'AQI',\n type: 'heatmap',\n coordinateSystem: 'geo',\n data: DataPmList\n }]\n }\n if (BigDataMapChart3Option && typeof BigDataMapChart3Option === 'object') {\n BigDataMapChart3.setOption(BigDataMapChart3Option, true)\n }\n })\n .catch((error) => {\n console.log(error)\n })\n"]}