function roundDatas(num) {
var datas = [];
for (var i = 0; i < num; i++) {
datas.push({
name: 'circle' + i
});
}
return datas;
}
option = {
backgroundColor: "#000",
title: {
text: 'Hand string',
subtext: 'Stats：325',
top: "center",
left: "center",
textStyle: {
fontSize: 16,
color: '#e3e3e3',
fontWeight: '100'
},
subtextStyle: {
fontSize: 24,
color: '#e3e3e3',
fontWeight: '100'
}
},
series: [
{
type: 'graph',
symbol:'path://M166.5,42.8c-28.9-14.2-57.6,0.2-61.9,2.7c-4.5-2.3-33.2-17.1-62-2.5c-27.3,13.6-31.4,52.6-15,91.6 c14.6,34.8,36.1,53.3,47,56.7c9.8,2.8,20.3,2.5,30-0.8c3.1,0.9,17.5,5.2,29.9,0.8c10.5-3.7,32.9-21.6,47.1-56.9 C197.9,93.5,195.5,57,166.5,42.8L166.5,42.8z M38.2,114.8c-1.3-6.8-2.1-13.6-2.4-20.5c0-8.7-5.1-4.5-5.6,1c0,7.4,1.2,14.7,3.5,21.8 c3.7,11.6,7.7,18.5,8.4,17.6C42.9,133.8,39.8,124.5,38.2,114.8L38.2,114.8z M32.6,84.6c2,0,3-1.7,3-4c0.1-2.3-0.6-4.2-2.6-4.2 c-2,0.5-3.4,2.2-3.5,4.2C29.4,82.6,30.7,84.3,32.6,84.6z M86.6,49.3c0.4-1,6,2.5,14.8,3.4S117,51,117.3,52s-3.3,9.8-16.7,9.1 C93.8,60.8,88,55.9,86.6,49.3z M103.9,45.9c9.4-12.2,23-20.5,38.1-23.2c24.5-3.7,35,6,44.6,4c0,0-8.4,14.4-33.6,20.6 C136.8,50.7,120,50.3,103.9,45.9z M100.9,57.1c-1,0.4,0.8-5,2-12.3c2.1-12.3,4.3-29.9,1.1-34.8s9.1-3.3,10-1.5 c-0.7,8.7-2.2,17.3-4.5,25.7C107,44.3,103.2,56.3,100.9,57.1z M172.7,127.9c-1.2-0.5-2.5,0.1-3,1.3c0,0,0,0,0,0 c-1.2,2.9-2.4,5.7-3.7,8.3c-0.5,1.2,0.1,2.5,1.3,2.9c1.1,0.4,2.2,0,2.8-1c1.3-2.8,2.6-5.6,3.8-8.6 C174.4,129.7,173.9,128.3,172.7,127.9z M164.5,145.5c-1.1-0.6-2.5-0.2-3.1,0.9l-0.7,1.2c-0.7,1.1-0.3,2.5,0.7,3.1 c1.1,0.7,2.5,0.3,3.1-0.7c0,0,0,0,0-0.1l0.7-1.2C166,147.5,165.7,146.1,164.5,145.5C164.6,145.5,164.6,145.5,164.5,145.5z M155.2,156.5c-11.1,15.9-23.6,25.7-31.1,28.3c-9.4,2.7-19.4,2.4-28.6-0.9c-0.4-0.1-0.8-0.1-1.2,0l-0.9,0.3c-9,3-18.6,3.2-27.7,0.6 c-9.8-2.9-31-21.1-45.6-55.6C3.6,90,9.4,53.6,34,40.4s50-2.7,59.8,2.5c1.1,0.6,2.4,0.2,3-0.9c0,0,0,0,0-0.1c0.6-1.1,0.1-2.5-1-3.1 c-10.3-5.5-37.2-16.7-64.1-2.5s-33.4,53.2-16,94.5c15.3,36.4,37.4,54.5,48.5,58.2c4.4,1.4,9,2,13.6,2c5.6,0,11.2-0.9,16.5-2.6 c9.9,3.3,20.6,3.5,30.6,0.6c8-2.7,21.3-12.1,33.9-30c0.7-1.1,0.3-2.5-0.7-3.1c-1-0.6-2.3-0.4-3,0.5L155.2,156.5z M186.4,21.5 c0.6-1.1,0.2-2.5-0.9-3.1c-0.4-0.2-0.9-0.3-1.4-0.3c-4,0.3-8-0.2-11.7-1.6c-10.6-3.3-21.8-4.1-32.8-2.4c-9,1.4-17.5,4.9-24.9,10.2 c-1.1,0.7-1.4,2.1-0.7,3.1c0.7,1.1,2.1,1.4,3.1,0.7c0.1,0,0.1-0.1,0.2-0.1c6.8-4.8,14.5-8.1,22.7-9.4c10.3-1.6,20.9-0.8,30.9,2.3 c2.9,0.8,5.8,1.4,8.8,1.7c-8,8.1-18.2,13.6-29.4,16c-4.6,1.1-9.3,1.9-14,2.2c-1.3,0-2.3,1-2.3,2.3c0,1.3,1,2.3,2.3,2.3 c4.9-0.3,9.8-1.1,14.6-2.3c2.2-0.5,4.3-1.2,6.2-1.8c22,12,28,39.8,16.3,76.4c-0.4,1.2,0.3,2.5,1.5,2.9h0.7c1,0,1.9-0.6,2.2-1.6c11.9-37,6.3-65.7-15.1-79.8C172.2,35.9,180.5,29.7,186.4,21.5z',
ribbonType: true,
layout: 'circular',
hoverAnimation: false,
z:0,
width: '60%',
height: '0%',
circular: {
rotateLabel: true
},
//这里可以调出不同效果
symbolSize: 500,
data: roundDatas(1),
itemStyle: {
normal: {
label: {
show: false
},
borderColor:'#e3e3e3',
borderWidth:'.1',
color: 'rgba(0, 255, 255, .03)',
},
emphasis: {
label: {
show: false,
}
}
},},
{
type: 'graph',
ribbonType: true,
layout: 'circular',
width: '50%',
height: '50%',
circular: {
rotateLabel: true
},
symbolSize: 30,
label: {
normal: {
position: 'center',
formatter: '{b}\n{c}万',
normal: {
textStyle: {
fontFamily: '宋体'
}
}
}
},
itemStyle: {
normal: {
shadowBlur: 5,
shadowColor: 'rgba(25, 100, 150, 0.5)',
shadowOffsetY: 3,
shadowOffsetX: 3,
label: {
show: true,
formatter: '{b}\n{c}万({d}%)',
color: '#e3e3e3',
},
labelLine: {
show: true,
length: 40,
lineStyle: {
color: '#0ff',
}
},
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
offset: 0,
color: '#fff'
}, {
offset: 0.3,
color: '#1ffdfd'
}, {
offset: 1,
color: '#096869'
}])
},
emphasis: {
label: {
show: false,
}
}
},
data: [{
name: '2010年',
symbolSize: 10,
value: 10,
}, {
name: '2012年',
symbolSize: 15,
value: 15,
}, {
name: '2013年',
symbolSize: 20,
value: 20,
}, {
name: '2014年',
symbolSize: 25,
value: 25,
}, {
name: '2015年',
symbolSize: 30,
value: 30,
}, {
name: '2016年',
symbolSize: 35,
value: 35,
}, {
name: '2017年',
symbolSize: 40,
value: 40,
}, {
name: '2018年',
symbolSize: 45,
value: 45,
}, {
name: '2019年',
symbolSize: 50,
value: 50,
}, {
name: '2020年',
symbolSize: 55,
value: 55,
}],
}
]
};