var uploadedDataURL = "/siteassets/chart/echarts/options/8f2b3d18-5d13-4dbd-826f-12fa77f48e0e.json"; myChart.showLoading(); $(`

2月24日 | 59.30↑

2月23日 | 57.96

`).appendTo( $('#chart-panel') ); $.get('/siteassets/chart/echarts/options/ce56a81e-5f05-443e-a316-bad8a332fe6d.json', function(geoJson) { myChart.hideLoading(); echarts.registerMap('DZ', geoJson); myChart.setOption(option = { title: { text: '企业复工指数', }, tooltip: { trigger: 'item', formatter: function(params) { var res = params.name + '
'; var myseries = option.series; for (var i = 0; i < myseries.length; i++) { for (var j = 0; j < myseries[i].data.length; j++) { if (myseries[i].data[j].name == params.name) { res += myseries[i].name + ' : ' + myseries[i].data[j].value + '
'; } } } return res; } }, toolbox: { show: true, orient: 'vertical', left: 'right', top: 'center', feature: { dataView: { readOnly: false }, restore: {}, saveAsImage: {} } }, visualMap: { min: 0, max: 1000, right: 26, bottom: 40, showLabel: true, borderColor:'black', borderWidth:1, pieces: [{ gt: 65, lte: 100, label: "65-100", color: "#6D3109", }, { gte: 60, lte: 65, label: "60-65", color: "#9B460D" }, { gte: 55, lt: 60, label: "55-60", color: "#D46112" }, { gt: 50, lt: 55, label: "50-55", color: "#F0904E" }, { gt: 45, lt: 50, label: "45-50", color: "#F5B893" }, { gt: 40, lt: 45, label: "40-45", color: "#FCE2D4" }, { gt: 30, lt: 40, label: "30-40", color: "#FDEFE7" }], show: !0 }, series: [{ name: '企业电力复工指数', type: 'map', roam: true, mapType: 'DZ', // 自定义扩展图表类型 // itemStyle: { // normal: { // label: { // show: true // } // }, // emphasis: { // label: { // show: true // } // } // }, itemStyle: { normal: { areaColor: 'transparent', borderColor: '#3fdaff', borderWidth: 2, // shadowColor: 'rgba(63, 218, 255, 0.5)', // shadowBlur: 30 }, emphasis: { areaColor: '#2B91B7', } }, data: [{ name: '乐陵市', value: 58.50, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↑}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'red', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } }, { name: '禹城市', value: 67.77, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↑}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'red', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } }, { name: '陵城区', value: 64.13, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↑}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'red', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } }, { name: '德城区', value: 55.45, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↑}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'red', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } }, { name: '平原县', value: 94.45, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↑}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'red', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } }, { name: '临邑县', value: 61.55, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↑}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'red', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } }, { name: '齐河县', value: 52.74, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↓}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'green', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } }, { name: '庆云县', value: 49.34, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↑}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'red', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } }, { name: '夏津县', value: 54.91, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↑}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'red', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } }, { name: '武城县', value: 41.99, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↑}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'red', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } }, { name: '宁津县', value: 52.65, label: { normal: { show: true, formatter: function (params) { return '{a|' + params.name+'}'+'\n' + '{b|' + params.value+ '}'+ '{c|↑}'; //地图上展示文字 + 数值 }, rich: { a: { color: '#1A6BE6' }, b: { color: 'black', fontFamily: 'Microsoft YaHei', fontSize: 12, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 }, c: { color: 'red', fontFamily: 'Microsoft YaHei', fontSize: 14, width: 16, height: 16, borderRadius: 10, borderWidth: 0, borderColor: '#f00', textAlign: 'center', padding: 2 } } } } } ], }] }); });

德州热力图