金宝博

金宝博-金宝博官网 数据发布

金宝博

网站支持IPv6
金宝博-金宝博官网
金宝博-金宝博官网 数据发布

金宝博

©Copy Right 版权所有 主办单位:金宝博-金宝博官网  
ICP备案编号: 苏ICP备06055341号-1 苏公网安备 32010602010320号
网站标识码:3201060033
"; excelFile += "

金宝博

"; excelFile += excel; excelFile += " "; excelFile += ""; var uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile); var link = document.createElement("a"); link.href = uri; link.style = "visibility:hidden"; link.download = fileName + ".xls"; document.body.appendChild(link); link.click(); document.body.removeChild(link); } // 获取最大值方法 function calMax(arr) { var max = Math.max.apply(null, arr); // 获取最大值方法 var maxint = Math.ceil(max / 5); // 向上以5的倍数取整 var maxval = maxint * 5 + 5; // 最终设置的最大值 return maxval; // 输出最大值 } // 获取最小值方法 function calMin(arr) { var min = Math.min.apply(null, arr); // 获取最小值方法 var minint = Math.floor(min / 1); // 向下以1的倍数取整 var minval = minint * 1 - 5; // 最终设置的最小值 return minval; // 输出最小值 } var option; var dom; var myChart; var isDarkMode = false; var excelTitle; function Click4ShowECharts(urls, title) { dom = document.getElementById("echarts_show"); myChart = echarts.init(dom); $.ajax({ url: urls, dataType: "json", type: "get", success: function (res) { excelTitle = title; var minData1 = calMin(res.total.split(',')); var maxData1 = calMax(res.total.split(',')) var minData2 = calMin(res.growth.split(',')); var maxData2 = calMax(res.growth.split(',')); maxData1 = Math.ceil(maxData1 / 40) * 40; minData2 = Math.ceil(minData2 / 5) * 5; maxData2 = Math.ceil(maxData2 / 5) * 5; var a = res.xAxis.split(','); var b = res.total.split(','); var c = res.growth.split(','); var data = '['; for (var i = 0; i < a.length; i++) { if (i == 0) { data += '{"年份":"' + a[i] + '","绝对值(' + res.total_ + ')":"' + b[i] + '","增幅(' + res.growth_ + ')":"' + c[i] + '"}'; } else { data += ',{"年份":"' + a[i] + '","绝对值(' + res.total_ + ')":"' + b[i] + '","增幅(' + res.growth_ + ')":"' + c[i] + '"}'; } } data += ']'; jsonData = JSON.parse(data); option = { aria: { enabled: true }, title: { show: true, text: title, left: '100px', }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' } } }, toolbox: { x: 'right', y: 'bottom', itemGap: 16, itemSize: 18, feature: { magicType: { show: true, type: ['line', 'bar'], emphasis: { iconStyle: { textPosition: 'top' } } }, restore: { show: true, icon: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTEwLTI5VDE1OjQxOjExKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0xMC0yOVQxNTo0MTo1NiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0xMC0yOVQxNTo0MTo1NiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkOTUwNjJmZC03MGNmLWEyNDgtYjFiZC1mNjE0Y2YyMThkYjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZDk1MDYyZmQtNzBjZi1hMjQ4LWIxYmQtZjYxNGNmMjE4ZGIxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZDk1MDYyZmQtNzBjZi1hMjQ4LWIxYmQtZjYxNGNmMjE4ZGIxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkOTUwNjJmZC03MGNmLWEyNDgtYjFiZC1mNjE0Y2YyMThkYjEiIHN0RXZ0OndoZW49IjIwMjEtMTAtMjlUMTU6NDE6MTErMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5K7SgXAAABdUlEQVQ4jcXTMUhVcRTH8c+7PofCt2gFCkoEGTg01CS0NihOOjQIBg2+N0SLNERDEI3RIsaLhshZdFFamkIJB9FBcWgKchES6kmLkQ2eS38f9z3Cxf9yfvf3P/d7zzn3/y9Vq1VnXLfxBL3oKp+Vgg3cxHU0sjaJU7jbZn8Al0JvtqroKV6EHsNK034HdnERt3BUBHqDabzCDSzjPuaTnPWA9NTr9QNoBi1gAi/xOLxVvEcXXmPWyaDHMVSr1e5hPweVsIZhzEQ1+bqDRcxFmyN4jiXsoQ8ydEe/w5gMyCw+RiXi6+8Csopn4X+PeFhOHkbxIfTDpKJH+IEHeIvPyd7viMdZJA4mEPgasYHj0J0BKTwyWbSxj6tFCfgV8VNAvxXByviJSiT0F4Dy8q9F7A3Qn+aKKqEvtKioFPEgYtruKVAj9GEL0H+tdnft/ED5jC4nfq4riXcl8fK55be/kjk51Q1sJy9th7ebeFvhffHvj+3k3l+ngU4bkXj5bwAAAABJRU5ErkJggg==', title: '切换为折柱混合图', emphasis: { iconStyle: { textPosition: 'top' } } }, //saveAsImage: { show: true,emphasis:{iconStyle:{textPosition:'top'}} }, //myTool1: { show: true,title:'切换深色/正常模式',icon:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTEwLTI5VDE1OjQzOjUwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0xMC0yOVQxNTo0NDozMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0xMC0yOVQxNTo0NDozMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMzI5MTJlZC1lZTEzLTIyNDktOWI0Yy01MDM1MjRmNGUyOTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YTMyOTEyZWQtZWUxMy0yMjQ5LTliNGMtNTAzNTI0ZjRlMjk4IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTMyOTEyZWQtZWUxMy0yMjQ5LTliNGMtNTAzNTI0ZjRlMjk4Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMzI5MTJlZC1lZTEzLTIyNDktOWI0Yy01MDM1MjRmNGUyOTgiIHN0RXZ0OndoZW49IjIwMjEtMTAtMjlUMTU6NDM6NTArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6gt/l9AAAA+klEQVQ4ja3UsUoDQRQF0DOyCoKgCdhZWlgJWliLoKBdvsBytrbPf2yjraWWCoofoGKpjZ+gYAqbENZid2EJkc0muc3MvDdz32Xumwl5nlsEQoxx2r0d9HBVD2ZZBpZaFB3gEo+Tkm2IRvjAEe7Hz7Yhgp9yPMELulUiQR/rDQSVIzu12B7e0zQ9y7LsNcQYF2FbL8EBVmpV26KL3wTP80ip7A8xxkOs4mtGroBhgg3czKOKwrVb7CsarVPLDXGtuLvQwDNIyskbtvGE3TL2ifMmJZOeyHep7KFcrzWR1DHe2SMc4w5bWJ6VqMIpLrA5LVFY1H/U9tH+iz+FvzKkOjJXngAAAABJRU5ErkJggg==',onclick:function(){myChart.dispose();if(isDarkMode){isDarkMode=false;;myChart=echarts.init(dom,'light');}else{isDarkMode=true;myChart=echarts.init(dom,'dark');}myChart.setOption(option);},emphasis:{iconStyle:{textPosition:'top'}} }, myTool1: { show: true, title: '下载为表格', icon: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU0ODg2OEQ0M0UwMjExRUNBQTQxRTAxMDZBRjhFNzQ4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU0ODg2OEQ1M0UwMjExRUNBQTQxRTAxMDZBRjhFNzQ4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTQ4ODY4RDIzRTAyMTFFQ0FBNDFFMDEwNkFGOEU3NDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTQ4ODY4RDMzRTAyMTFFQ0FBNDFFMDEwNkFGOEU3NDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5MYKlHAAAA0ElEQVR42mL8//8/AzUAS0lJCSE1k6B0Hl6DiLBMiRgXMTFQCYwwg3SAWAiPHmGoGoIG9QHxGSBWwCIHEjsNVUPQoDgg/gbEh4BYDUlcDSr2DaqGoEEvgNgBiF8D8UGoKxSg7DdQuRfYDDIBYk40cZAGZyB+AMTaUPwQiJ2gcsiAC2QGyKATQByFxWUfgNgN6h0QdoWKoYNIkBmgLMIMxGw4YugzEHtC2d9wqAHpZSYmr30jKvdDaSMgDiUzLRrBDLoHxClQTC64x0itgg0gwACxjigQMcB7xAAAAABJRU5ErkJggg==', onclick: function () { JSONToExcelConvertor(excelTitle, jsonData); }, emphasis: { iconStyle: { textPosition: 'top' } } } }, padding: [0, 60, 5, 0] }, legend: { data: ['绝对值(' + res.total_ + ')', '增幅(' + res.growth_ + ')'], y: 'bottom' }, xAxis: [ { type: 'category', data: res.xAxis.split(','), axisPointer: { type: 'shadow' } } ], yAxis: [ { type: 'value', name: '绝对值(' + res.total_ + ')', nameTextStyle: { padding: [0, 40, 0, 0] }, splitNumber: 4, interval: res.type / 4, yAxisIndex: 1, max: res.type, min: 0, minInterval: 50, axisLine: { onZero: false }, axisLabel: { formatter: '{value}' + res.total_ } }, { type: 'value', name: '增幅(' + res.growth_ + ')', nameTextStyle: { padding: [0, 0, 0, 80] }, splitNumber: 4, interval: (maxData2 - minData2) / 4, yAxisIndex: 1, max: maxData2, min: minData2, minInterval: 1, axisLine: { onZero: false }, axisLabel: { formatter: '{value}' + res.growth_ } } ], series: [ { name: '绝对值(' + res.total_ + ')', type: 'bar', showBackground: true, itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: '#83bff6' }, { offset: 0.5, color: '#188df0' }, { offset: 1, color: '#188df0' } ]) }, emphasis: { itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: '#2378f7' }, { offset: 0.7, color: '#2378f7' }, { offset: 1, color: '#83bff6' } ]) } }, barWidth: 40, data: res.total.split(',') }, { name: '增幅(' + res.growth_ + ')', type: 'line', yAxisIndex: 1, itemStyle: { normal: { color: '#315eff', //改变折线点的颜色 lineStyle: { color: '#0f6aa7' //改变折线颜色 } } }, data: res.growth.split(',') } ] }; myChart.setOption(option); }, error: function (e) { console.log(e); } }); } $(".tECharts").sECharts('#echarts_show', 'echarts_at', ''); $(".tECharts").eq(0).addClass("echarts_at"); Click4ShowECharts($(".tECharts").eq(0).attr("rel"), $(".tECharts").eq(0).text()); $(function () { $(".tECharts span") });

金宝博

微信
新浪微博
微信
返回顶部