let seriesData=[{
"value": 15337.306,
"name": "SMA-13",
"radio": 87.7
},
{
"value": 546.168,
"name": "AK-13",
"radio": 3.12
},
{
"value": 522.817,
"name": "AC-13",
"radio": 2.99
},
{
"value": 185.99,
"name": "水泥混凝土",
"radio": 1.06
},
{
"value": 160.422,
"name": "SMA-10",
"radio": 0.92
},
{
"value": 147.39,
"name": "SMA-8",
"radio": 0.84
},
{
"value": 118.051,
"name": "AK-16",
"radio": 0.68
},
{
"value": 101.752,
"name": "连续配筋混凝土",
"radio": 0.58
},
{
"value": 65.466,
"name": "AC-10",
"radio": 0.37
},
{
"value": 14.888,
"name": "钢纤维混凝土",
"radio": 0.09
},
{
"value": 8.97,
"name": "AC-16",
"radio": 0.05
},
{
"value": 7.632,
"name": "钢筋混凝土",
"radio": 0.04
},
{
"value": 7.242,
"name": "AC-20",
"radio": 0.04
},
{
"value": 3.917,
"name": "AM-13",
"radio": 0.02
}]
option = {
"tooltip": {
"confine": true,
"trigger": "item",
"axisPointer": {
"type": "line",
"crossStyle": {
"color": "#999"
}
},
"backgroundColor": "rgba(4,46,85,0.8)",
"borderColor": "#008dfd",
"textStyle": {
"color": "#fff",
"fontFamily": "Arial",
"fontSize": 12
},
"lineStyle": {
"color": "#b3b9b7"
}
},
"legend": {
"selectedMode": false,
"type": "scroll",
"orient": "vertical",
"y": "center",
"x": "right",
"bottom": "auto",
"left": "50%",
"align": "left",
"itemGap": 5,
"itemWidth": 15,
"itemHeight": 10,
"textStyle": {
"fontSize": 12,
"rich": {
"name": {
"fontSize": 12,
"color": "#6e7079",
"width": 74,
"lineHeight": 10
},
"value": {
"fontSize": 12,
"color": "#6e7079",
"width": 107,
"lineHeight": 10,
"align": "center"
},
"bfb": {
"fontSize": 12,
"color": "#6e7079",
"width": 20,
"lineHeight": 10,
"align": "center"
}
}
}
},
"title": {
"text": "",
"left": "18%",
"top": "35%",
"textStyle": {
"color": "#fff",
"fontSize": 24,
"fontWeight": "bold",
"align": "center"
}
},
"graphic": {
"type": "text",
"left": "20%",
"top": "60%",
"z": 0,
"zlevel": 0,
"style": {
"fill": "rgba(45,15,37,0.53)",
"fontSize": 12,
"text": "",
"textAlign": "center"
}
},
"series": [{
"name": "",
"type": "pie",
"radius": ["45%", "65%"],
"center": ["25%", "45%"],
"avoidLabelOverlap": false,
"itemStyle": {
"borderColor": "rgb(4,24,45,0)",
"borderWidth": 11,
"normal": {}
},
"label": {
"show": false,
"position": "inner",
"fontSize": 12
},
"labelLine": {
"show": false
},
"data": seriesData
}]
}