百度pie人数明细表——多个圆环图,详情代码如下:
var dataStyle = { normal: { label: { show: false }, labelLine: { show: false }, shadowBlur: 0, shadowColor: '#203665' } }; option = { backgroundColor: "#040c33", series: [{ name: '第一个圆环', type: 'pie', clockWise: false, radius: [70, 80], itemStyle: dataStyle, hoverAnimation: false, center: ['35%', '50%'], data: [{ value: 25, label: { normal: { rich: { a: { color: '#3a7ad5', align: 'center', fontSize: 20, fontWeight: "bold" }, b: { color: '#fff', align: 'center', fontSize: 16 } }, //定义表内数据 formatter: function(params){ return "{b|在线统计}\n\n"+"{a|"+params.value+"个}"+"\n\n{b|增长2%}"; }, position: 'center', show: true, textStyle: { fontSize: '14', fontWeight: 'normal', color: '#fff' } } }, itemStyle: { normal: { color: '#2c6cc4', shadowColor: '#2c6cc4', shadowBlur: 0 } } }, { value: 75, name: 'invisible', itemStyle: { normal: { color: '#24375c' }, emphasis: { color: '#24375c' } } }] }, { name: '第二个圆环', type: 'pie', clockWise: false, radius: [70, 80], itemStyle: dataStyle, hoverAnimation: false, center: ['60%', '50%'], data: [{ value: 75, label: { normal: { rich: { a: { color: '#d03e93', align: 'center', fontSize: 20, fontWeight: "bold" }, b: { color: '#fff', align: 'center', fontSize: 16 } }, //定义表内数据 formatter: function(params){ return "{b|离线统计}\n\n"+"{a|"+params.value+"个}"+"\n\n{b|增长2%}"; }, position: 'center', show: true, textStyle: { fontSize: '14', fontWeight: 'normal', color: '#fff' } } }, itemStyle: { normal: { color: '#ef45ac', shadowColor: '#ef45ac', shadowBlur: 0 } } }, { value: 100, name: 'invisible', itemStyle: { normal: { color: '#412a4e' }, emphasis: { color: '#412a4e' } } }] }] }