使用百度echarts制作可视化大屏
核心提示:$(document).ready(function () { //环形进度条设置对象 option_Progress={ title : { text: '目前进度', subtext:
$(document).ready(function () { //环形进度条设置对象 option_Progress={ title : { text: '目前进度', subtext: '50%', x: 'center', y: 90, itemGap: 10, textStyle : { color : '#B7E1FF', fontWeight: 'normal', fontFamily : '微软雅黑', fontSize : 24 }, subtextStyle:{ color: '#B7E1FF', fontWeight: 'bolder', fontSize:24, fontFamily : '微软雅黑' } }, series : [{ type : 'pie', center : ['50%', '50%'], radius : [75,90], x: '0%', tooltip:{show:false}, data: [{ name:'达成率', value:79, itemStyle:{color :'rgba(0,153,255,0.8)'}, hoverAnimation: false, label : { show : false, position : 'center', textStyle: { fontFamily:'微软雅黑', fontWeight: 'bolder', color:'#B7E1FF', fontSize:24 } }, labelLine : { show : false } }, { name:'79%', value:21, itemStyle:{color: 'rgba(0,153,255,0.1)'}, hoverAnimation: false, label : { show : false, position : 'center', padding:20, textStyle: { fontFamily:'微软雅黑', fontSize: 24, color:'#B7E1FF' } }, labelLine : { show : false } }] }, { type : 'pie', center : ['50%', '50%'], radius : [95,100], x: '0%', hoverAnimation: false, data: [{ value:100, itemStyle:{color :'rgba(0,153,255,0.3)'}, label : {show : false}, labelLine : {show : false} }] }, { type : 'pie', center : ['50%', '50%'], radius : [69,70], x: '0%', hoverAnimation: false, data: [{ value:100, itemStyle:{color :'rgba(0,153,255,0.3)'}, label : {show : false}, labelLine : {show : false} }] }] }; //年仪表盘