{b} : {c} ({d}%)"},series:[{name:"Categories",type:"pie",radius:"50%",color:["#6772e5","#ff9e0f","#fa755a","#3ecf8e","#82d3f4","#ab47bc","#525f7f","#f51c47","#26A69A"],data:[{name:"GO",value:1},{name:"web",value:5},{name:"js",value:6},{name:"Node",value:1},{name:"Q/A",value:2},{name:"macos",value:1},{name:"network",value:1},{name:"stroage",value:2},{name:"css",value:1},{name:"+ life",value:4},{name:"os",value:4},{name:"Record",value:6},{name:"bug",value:1},{name:"git",value:1},{name:"hexo",value:1},{name:"database",value:1},{name:"node",value:1},{name:"webpack",value:1}],itemStyle:{emphasis:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]},tagsOption={title:{text:"TOP10 Tags Chart",top:-5,x:"center"},tooltip:{},xAxis:[{type:"category",data:["js","web","os","vue","2021","+ life","linux","bug","network server","tools"]}],yAxis:[{type:"value"}],series:[{type:"bar",color:["#82d3f4"],barWidth:18,data:[11,10,5,5,5,4,3,3,2,2],markPoint:{symbolSize:45,data:[{type:"max",itemStyle:{color:["#3ecf8e"]},name:"Maximum"},{type:"min",itemStyle:{color:["#fa755a"]},name:"Minimum"}]},markLine:{itemStyle:{color:["#ab47bc"]},data:[{type:"average",name:"Average"}]}}]};postsChart.setOption(postsOption),categoriesChart.setOption(categoriesOption),tagsChart.setOption(tagsOption)