$(function () { layer.load(2); $.getScript("https://cidc.oss-cn-chengdu.aliyuncs.com/js/echarts.js", function () { layer.closeAll('loading'); var data1 = ["","","","",""]; var value1 = []; var data2 = ["","","","",""]; var value2 = []; var data3 = ["","","","",""]; var value3 = []; var data4 = ["","","","",""]; var value4 = []; var data5 = ["","","","","","","","","","","",""]; var value5 = []; var data6 = ["","","","",""]; var value6 = []; var data7 = ["","","","",""]; var value7 = []; var data8 = ["","","","",""]; var value8 = []; var data9 = ["","",""]; var value9 = []; var data10 = ["","",""]; var value10 = []; var data11 = ["","",""]; var value11 = []; var data12 = ["","",""]; var value12 = []; var data13 = ["","","","",""]; var value13 = []; var data14 = ["","","","",""]; var value14 = []; var data15 = ["","","","",""]; var value15 = []; var data16 = ["","","","","",""]; var value16 = []; var data17 = ["","","","",""]; var value17 = []; var myChart = echarts.init(document.getElementById('data61')); var option = { tooltip: {}, legend: {}, grid: { left: '10%', right: '20%', top: '5%', bottom: '5%', containLabel: true }, xAxis: { splitLine: { show: false, }, axisLabel: { color: "#FAC203", show: false } }, yAxis: { data: data1, axisLabel: { color: "#fff", fontSize: "12px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, series: [{ type: 'bar', barWidth: '50%', itemStyle: { color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value1, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'right', fontSize: 14, color: '#fff', align: 'left', offset: [5, 2] } } }] }; myChart.setOption(option); var myChart1 = echarts.init(document.getElementById('data62')); var option1 = { tooltip: {}, legend: {}, grid: { left: '10%', right: '20%', top: '5%', bottom: '5%', containLabel: true }, xAxis: { splitLine: { show: false, }, axisLabel: { color: "#FAC203", show: false } }, yAxis: { data: data2, axisLabel: { color: "#fff", fontSize: "12px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, series: [{ type: 'bar', barWidth: '50%', itemStyle: { color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value2, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'right', fontSize: 14, color: '#fff', align: 'left', offset: [5, 2] } } }] }; myChart1.setOption(option1); var myChart3 = echarts.init(document.getElementById('data63')); var option3 = { tooltip: {}, legend: {}, grid: { left: '10%', right: '20%', top: '5%', bottom: '5%', containLabel: true }, xAxis: { splitLine: { show: false, }, axisLabel: { color: "#FAC203", show: false } }, yAxis: { data: data3, axisLabel: { color: "#fff", fontSize: "12px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, series: [{ type: 'bar', barWidth: '50%', itemStyle: { color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value3, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'right', fontSize: 14, color: '#fff', align: 'left', offset: [5, 2] } } }] }; myChart3.setOption(option3); var myChart4 = echarts.init(document.getElementById('data64')); var option4 = { tooltip: {}, legend: {}, grid: { left: '10%', right: '20%', top: '5%', bottom: '5%', containLabel: true }, xAxis: { splitLine: { show: false, }, axisLabel: { color: "#FAC203", show: false } }, yAxis: { data: data4, axisLabel: { color: "#fff", fontSize: "12px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, series: [{ type: 'bar', barWidth: '50%', itemStyle: { color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value4, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'right', fontSize: 14, color: '#fff', align: 'left', offset: [5, 2] } } }] }; myChart4.setOption(option4); var myChart5 = echarts.init(document.getElementById('data65')); var option5 = { tooltip: {}, legend: {}, grid: { left: '0%', right: '5%', top: '15%', bottom: '15%' }, xAxis: { data: data5, type: 'category', axisLabel: { color: "#fff", fontSize: "12px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, yAxis: { show: false, }, series: [{ type: 'bar', barWidth: '30%', itemStyle: { width: 12, color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value5, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'top', fontSize: 12, color: '#fff', align: 'left', offset: [-20, 2] } } }] }; myChart5.setOption(option5); var myChart6 = echarts.init(document.getElementById('data66')); var option6 = { tooltip: {}, legend: {}, grid: { left: '10%', right: '20%', top: '5%', bottom: '5%', containLabel: true }, xAxis: { splitLine: { show: false, }, axisLabel: { color: "#FAC203", show: false } }, yAxis: { data: data6, axisLabel: { color: "#fff", fontSize: "12px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, series: [{ type: 'bar', barWidth: '50%', itemStyle: { color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value6, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'right', fontSize: 14, color: '#fff', align: 'left', offset: [5, 2] } } }] }; myChart6.setOption(option6); var myChart7 = echarts.init(document.getElementById('data67')); var option7 = { tooltip: {}, legend: {}, grid: { left: '10%', right: '20%', top: '5%', bottom: '5%', containLabel: true }, xAxis: { splitLine: { show: false, }, axisLabel: { color: "#FAC203", show: false } }, yAxis: { data: data7, axisLabel: { color: "#fff", fontSize: "12px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, series: [{ type: 'bar', barWidth: '50%', itemStyle: { color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value7, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'right', fontSize: 14, color: '#fff', align: 'left', offset: [5, 2] } } }] }; myChart7.setOption(option7); var myChart8 = echarts.init(document.getElementById('data68')); var option8 = { tooltip: {}, legend: {}, grid: { left: '10%', right: '20%', top: '5%', bottom: '5%', containLabel: true }, xAxis: { splitLine: { show: false, }, axisLabel: { color: "#FAC203", show: false } }, yAxis: { data: data8, axisLabel: { color: "#fff", fontSize: "12px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, series: [{ type: 'bar', barWidth: '50%', itemStyle: { color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value8, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'right', fontSize: 14, color: '#fff', align: 'left', offset: [5, 2] } } }] }; myChart8.setOption(option8); var myChart13 = echarts.init(document.getElementById('data73')); var option13 = { tooltip: {}, legend: {}, grid: { left: '5%', right: '28%', top: '5%', bottom: '5%', containLabel: true }, xAxis: { splitLine: { show: false, }, axisLabel: { color: "#FAC203", show: false } }, yAxis: { data: data13, axisLabel: { color: "#fff", fontSize: "11px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, series: [{ type: 'bar', barWidth: '50%', itemStyle: { color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value13, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'right', fontSize: 12, color: '#FFE232', align: 'left', offset: [0, 1] } } }] }; myChart13.setOption(option13); var myChart14= echarts.init(document.getElementById('data74')); var option14 = { tooltip: {}, legend: {}, grid: { left: '5%', right: '28%', top: '5%', bottom: '5%', containLabel: true }, xAxis: { splitLine: { show: false, }, axisLabel: { color: "#FAC203", show: false } }, yAxis: { data: data14, axisLabel: { color: "#fff", fontSize: "11px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, series: [{ type: 'bar', barWidth: '50%', itemStyle: { color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value14, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'right', fontSize: 12, color: '#FFE232', align: 'left', offset: [0, 1] } } }] }; myChart14.setOption(option14); var myChart15= echarts.init(document.getElementById('data75')); var option15 = { tooltip: {}, legend: {}, grid: { left: '5%', right: '28%', top: '5%', bottom: '5%', containLabel: true }, xAxis: { splitLine: { show: false, }, axisLabel: { color: "#FAC203", show: false } }, yAxis: { data: data15, axisLabel: { color: "#fff", fontSize: "11px" }, axisLine: { lineStyle: { color: '#FAC203' } } }, series: [{ type: 'bar', barWidth: '50%', itemStyle: { color: '#FAC203', borderColor: '#FFE232', borderWidth: 1, }, data: value15, label: { normal: { show: true, formatter: function (params) { return echarts.format.addCommas(params.value); }, position: 'right', fontSize: 12, color: '#FFE232', align: 'left', offset: [0, 1] } } }] }; myChart15.setOption(option15); $("#map").html(""); $("#map").css("text-align","center"); }); })