-
+
-
交易额:'+params.value.toFixed(4)+'万元
'; - _allNumData.forEach(item => { - if(item.name === params.seriesName){ - Object.keys(item.obj1).forEach(key => { - if(params.name === String(key)){ - _retTips+='交易数:'+item.obj1[key] - } - }) - } - }) - return _retTips; - } - }, - legend: { - type:'scroll', - bottom:'bottom', - textStyle: { - color: "#ffffff" - }, - pageIconColor:'#fff', - pageIconInactiveColor:'#fff', - pageTextStyle:{ - color: "#ffffff" - } - }, - grid: { - top: "5%", - left: '5%', - right: '5%', - bottom: '15%', - containLabel: true - }, - xAxis: { - type: 'value', - boundaryGap: [0, 0.01], - axisLabel:{ - color:'#fff' - } - }, - yAxis: { - type: 'category', - data: _yData, - axisLabel:{ - color:'#fff' - } - }, - series: _sData - }; - // 使用刚指定的配置项和数据显示图表。 - chart.setOption(option); + //加载饼状图 + loadCirCleData('center_footer_chart') } }) } + //加载饼状图 + function loadCirCleData(dom){ + let chart = echarts.init(document.getElementById(dom)); + let option = { + title:[ + { + subtext: '当月累计交易', + left: '24.5%', + top: '75%', + textAlign: 'center', + subtextStyle:{ + color:'#fff' + } + }, + { + subtext: '当年累计交易', + left: '49.5%', + top: '75%', + textAlign: 'center', + subtextStyle:{ + color:'#fff' + } + }, + { + subtext: '历年累计交易', + left: '74.5%', + top: '75%', + textAlign: 'center', + subtextStyle:{ + color:'#fff' + } + }, + ], + tooltip: { + trigger: 'item' + }, + legend: { + top: '5%', + left: 'center', + textStyle: { + color: "#ffffff" + }, + }, + dataset: [ + { + source: [ + ['', 'Sales', 'Price', 'Year'], + ['工程招投标', 235, 5, 2011], + ['政府采购', 341, 25, 2011], + ['产权交易', 122, 29, 2011], + ['工程招投标', 255, 7, 2012], + ['政府采购', 241, 27, 2012], + ['产权交易', 102, 34, 2012], + ['工程招投标', 395, 4, 2013], + ['政府采购', 281, 31, 2013], + ['产权交易', 92, 39, 2013], + ] + }, + { + transform: { + type: 'filter', + config: { dimension: 'Year', value: 2011 } + } + }, + { + transform: { + type: 'filter', + config: { dimension: 'Year', value: 2012 } + } + }, + { + transform: { + type: 'filter', + config: { dimension: 'Year', value: 2013 } + } + } + ], + series: [ + { + type: 'pie', + name:'2022', + radius: 50, + center: ['50%', '25%'], + datasetIndex: 1, + labelLine: { + show: false + }, + label: { + show: false, + }, + }, + { + type: 'pie', + radius: 50, + center: ['50%', '50%'], + datasetIndex: 2, + labelLine: { + show: false + }, + label: { + show: false, + }, + }, + { + type: 'pie', + radius: 50, + center: ['50%', '75%'], + datasetIndex: 3, + labelLine: { + show: false + }, + label: { + show: false, + }, + } + ], + // Optional. Only for responsive layout: + media: [ + { + option: { + series: [ + { center: ['25%', '50%'] }, + { center: ['50%', '50%'] }, + { center: ['75%', '50%'] } + ] + } + }, + { + option: { + series: [ + { center: ['50%', '25%'] }, + { center: ['50%', '50%'] }, + { center: ['50%', '75%'] } + ] + } + } + ] + }; + // 使用刚指定的配置项和数据显示图表。 + chart.setOption(option); + } + //文字上下滚动 function autoScroll(obj){ $(obj).find(".item_inline:first").animate({
部门完成情况
+
@@ -775,65 +778,154 @@
data: item.array
})
})
- let chart = echarts.init(document.getElementById('center_footer_two'));
- let option = {
- tooltip: {
- trigger: 'item',
- formatter:function(params){
- let _retTips = params.marker+' '+params.seriesName+'
资源交易数据统计
@@ -113,8 +113,11 @@
全年累计交易数:0
全年累计交易额:0万元
-
+
+ 历年累计交易数:0
+ 历年累计交易额:0万元
+
交易额:'+params.value.toFixed(4)+'万元
'; - _allNumData.forEach(item => { - if(item.name === params.seriesName){ - Object.keys(item.obj1).forEach(key => { - if(params.name === String(key)){ - _retTips+='交易数:'+item.obj1[key] - } - }) - } - }) - return _retTips; - } - }, - legend: { - type:'scroll', - bottom:'bottom', - textStyle: { - color: "#ffffff" - }, - pageIconColor:'#fff', - pageIconInactiveColor:'#fff', - pageTextStyle:{ - color: "#ffffff" - } - }, - grid: { - top: "5%", - left: '5%', - right: '5%', - bottom: '15%', - containLabel: true - }, - xAxis: { - type: 'value', - boundaryGap: [0, 0.01], - axisLabel:{ - color:'#fff' - } - }, - yAxis: { - type: 'category', - data: _yData, - axisLabel:{ - color:'#fff' - } - }, - series: _sData - }; - // 使用刚指定的配置项和数据显示图表。 - chart.setOption(option); + //加载饼状图 + loadCirCleData('center_footer_chart') } }) } + //加载饼状图 + function loadCirCleData(dom){ + let chart = echarts.init(document.getElementById(dom)); + let option = { + title:[ + { + subtext: '当月累计交易', + left: '24.5%', + top: '75%', + textAlign: 'center', + subtextStyle:{ + color:'#fff' + } + }, + { + subtext: '当年累计交易', + left: '49.5%', + top: '75%', + textAlign: 'center', + subtextStyle:{ + color:'#fff' + } + }, + { + subtext: '历年累计交易', + left: '74.5%', + top: '75%', + textAlign: 'center', + subtextStyle:{ + color:'#fff' + } + }, + ], + tooltip: { + trigger: 'item' + }, + legend: { + top: '5%', + left: 'center', + textStyle: { + color: "#ffffff" + }, + }, + dataset: [ + { + source: [ + ['', 'Sales', 'Price', 'Year'], + ['工程招投标', 235, 5, 2011], + ['政府采购', 341, 25, 2011], + ['产权交易', 122, 29, 2011], + ['工程招投标', 255, 7, 2012], + ['政府采购', 241, 27, 2012], + ['产权交易', 102, 34, 2012], + ['工程招投标', 395, 4, 2013], + ['政府采购', 281, 31, 2013], + ['产权交易', 92, 39, 2013], + ] + }, + { + transform: { + type: 'filter', + config: { dimension: 'Year', value: 2011 } + } + }, + { + transform: { + type: 'filter', + config: { dimension: 'Year', value: 2012 } + } + }, + { + transform: { + type: 'filter', + config: { dimension: 'Year', value: 2013 } + } + } + ], + series: [ + { + type: 'pie', + name:'2022', + radius: 50, + center: ['50%', '25%'], + datasetIndex: 1, + labelLine: { + show: false + }, + label: { + show: false, + }, + }, + { + type: 'pie', + radius: 50, + center: ['50%', '50%'], + datasetIndex: 2, + labelLine: { + show: false + }, + label: { + show: false, + }, + }, + { + type: 'pie', + radius: 50, + center: ['50%', '75%'], + datasetIndex: 3, + labelLine: { + show: false + }, + label: { + show: false, + }, + } + ], + // Optional. Only for responsive layout: + media: [ + { + option: { + series: [ + { center: ['25%', '50%'] }, + { center: ['50%', '50%'] }, + { center: ['75%', '50%'] } + ] + } + }, + { + option: { + series: [ + { center: ['50%', '25%'] }, + { center: ['50%', '50%'] }, + { center: ['50%', '75%'] } + ] + } + } + ] + }; + // 使用刚指定的配置项和数据显示图表。 + chart.setOption(option); + } + //文字上下滚动 function autoScroll(obj){ $(obj).find(".item_inline:first").animate({