Преглед изворни кода

优化居民分析页面的饼图

raolu пре 7 година
родитељ
комит
d2784d42f0

+ 31 - 6
app/statistics/js/resident-analysis-charts.js

@ -18,14 +18,23 @@ var jiaoFeiChart = null,
function jiaoFeiData(yiJiaoFeiData, weiJiaoFeiData) {
	jiaoFeiChart = echarts.init(document.getElementById('jiaoFeiChart'));
	var jiaoFeiOptions = {
	    tooltip: {
	        trigger: 'item',
	    },
		color: ['#12b7f5', '#FFC800'],
		series: [{
			type: 'pie',
			legendHoverLink: false,
			hoverAnimation: false,
//			legendHoverLink: false,
//			hoverAnimation: false,
			avoidLabelOverlap: false,
//			silent: true,
			radius: ['50%', '70%'],
			center: ['50%', '50%'], //饼图的位置 
			labelLine: {
                normal: {
                    show: false
                }
            },
			data: [{
					name: '已缴费人数',
					value: yiJiaoFeiData,
@ -71,14 +80,22 @@ function jiaoFeiData(yiJiaoFeiData, weiJiaoFeiData) {
function healthData(jkrqdata, hbrqdata, gwrqdata, hfqrqdata, wbzdata) {
	healthChart = echarts.init(document.getElementById('healthChart'));
	var healthOptions = {
	    tooltip: {
            trigger: 'item',
        },
		color: ['#12B7F5', '#FB5DAB', '#CD67FD', '#FFC800', '#61EB41'],
		series: [{
			type: 'pie',
			legendHoverLink: false,
			hoverAnimation: false,
//			legendHoverLink: false,
//			hoverAnimation: false,
			avoidLabelOverlap: false,
			radius: ['50%', '70%'],
			center: ['25%', '50%'], //饼图的位置 
			labelLine: {
                normal: {
                    show: false
                }
            },
			data: [{
					name: '健康人群',
					value: jkrqdata,
@ -251,14 +268,22 @@ function serviceData(nameArr, rateArr, colorList, year) {
function sexData(femaleData, maleData) {
	sexChart = echarts.init(document.getElementById('sexChart'));
	var sexOptions = {
	    tooltip: {
            trigger: 'item',
        },
		color: ['#12B7F5', '#FB5DAB'],
		series: [{
			type: 'pie',
			legendHoverLink: false,
			hoverAnimation: false,
//			legendHoverLink: false,
//			hoverAnimation: false,
			avoidLabelOverlap: false,
			radius: ['50%', '70%'],
			center: ['50%', '50%'], //饼图的位置 
			labelLine: {
                normal: {
                    show: false
                }
            },
			data: [{
					name: '男性',
					value: maleData,

+ 5 - 5
component/statistics/resident-analysis.js

@ -28,27 +28,27 @@ Vue.component('resident-analysis', {
							<div id="jkCatalogs">\
								<div class="ui-col-1">\
									<span class="span-frame cb-12b7f5"></span>\
									<span class="c-f14 c-12b7f5">{{jianKangRQPer}}</span>\
									<span class="c-f14 c-12b7f5">{{jianKangRQPer}}%</span>\
									<span class="c-f12 c-909090">(健康人群)</span>\
								</div>\
								<div class="ui-col-1 mt5">\
									<span class="span-frame cb-fb5dab"></span>\
									<span class="c-f14 c-fb5dab">{{huanBingRQPer}}</span>\
									<span class="c-f14 c-fb5dab">{{huanBingRQPer}}%</span>\
									<span class="c-f12 c-909090">(患病人群)</span>\
								</div>\
								<div class="ui-col-1 mt5">\
									<span class="span-frame cb-cd67fd"></span>\
									<span class="c-f14 c-cd67fd">{{gaoWeiRQPer}}</span>\
									<span class="c-f14 c-cd67fd">{{gaoWeiRQPer}}%</span>\
									<span class="c-f12 c-666">(高危人群)</span>\
								</div>\
								<div class="ui-col-1 mt5">\
									<span class="span-frame cb-ffc800"></span>\
									<span class="c-f14 c-ffc800">{{huiFuQiRQPer}}</span>\
									<span class="c-f14 c-ffc800">{{huiFuQiRQPer}}%</span>\
									<span class="c-f12 c-666">(恢复期人群)</span>\
								</div>\
								<div class="ui-col-1 mt5">\
									<span class="span-frame cb-61eb41"></span>\
									<span class="c-f14 c-61eb41">{{weiBiaoZRQPer}}</span>\
									<span class="c-f14 c-61eb41">{{weiBiaoZRQPer}}%</span>\
									<span class="c-f12 c-666">(未标注)</span>\
								</div>\
							</div>\