flask echarts多个环形进度条

<div id="mainjianpai" style="width:100%;height:400%;"></div>
            <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('mainjianpai'));
	myChart.setOption({

               backgroundColor: '#f7f7f7',//背景颜色
               tooltip : {
                   show: true,
                   formatter: "{a} <br/>{b} : {c} ({d}%)"
               },
               legend: {
                   x : 'center',
                   data:['化学需氧量任务量','化学需氧量已完成','氨氮任务量','氨氮完成量','二氧化硫任务量','二氧化硫完成量','氮氧化物任务量','氮氧化物完成量']
               },
               toolbox: {
                   show : false,
                   feature : {
                       mark : {show: true},
                       dataView : {show: true, readOnly: false},
                       restore : {show: true},
                       saveAsImage : {show: true}
                   }
               },
               calculable:false,
               series : [
                   {
                       name:'3',
                       type:'pie',
                       center: ['50%', '50%'],
                       radius : [10,30], 
                       data:[
                           {value:800, name:'化学需氧量任务量'},
                           {value:300, name:'化学需氧量已完成'},
                       ],
                       itemStyle: {//系列级个性化
                           normal: {
                               color: function(params) {
                                   var colorList = [
                                     '#339CD1','#FE8463','#9BCA63','#FAD860'
                                   ];
                                   return colorList[params.dataIndex]
                               },
                               labelLine:{//饼图不显示线条
                                   length:2,
                                   show:false
                               },
                               label:{//饼图不显示文字
                                   show:true,
                                   position : 'inner',//饼图图上显示百分比
                                   formatter : function (params) {                        
                                     return (params.percent - 0).toFixed(0) + '%'
                                   },
                                   textStyle:{
                                       fontSize:14
                                   }
                               },
                           }                           
                       }
                   },
                   {
                       name:'1',
                       type:'pie',
                       center: ['50%', '50%'],
                       radius : [40,60], 
                       data:[
                           {value:3000, name:'氨氮任务量'},
                           {value:200, name:'氨氮完成量'},
                       ],
                       itemStyle: {//系列级个性化
                           normal: {
                               color: function(params) {
                                   var colorList = [
                                     '#336600','#FE8463','#9BCA63','#FAD860'
                                   ];
                                   return colorList[params.dataIndex]
                               },
                               labelLine:{//饼图不显示线条
                                   length:2,
                                   show:false
                               },
                               label:{//饼图不显示文字
                                   show:true,
                                   position : 'inner',//饼图图上显示百分比
                                   formatter : function (params) {                        
                                     return (params.percent - 0).toFixed(0) + '%'
                                   },
                                   textStyle:{
                                       fontSize:14
                                   }
                               }
                           }                           
                       }
                   }, {
                       name:'2',
                       type:'pie',
                       center: ['50%', '50%'],
                       radius : [70,90], 
                       data:[
                           {value:5000, name:'二氧化硫任务量'},
                           {value:200, name:'二氧化硫完成量'},
                       ],
                       itemStyle: {//系列级个性化
                           normal: {
                               color: function(params) {
                                   var colorList = [
                                     '#333366','#FE8463','#9BCA63','#FAD860'
                                   ];
                                   return colorList[params.dataIndex]
                               },
                               labelLine:{//饼图不显示线条
                                   length:2,
                                   show:false
                               },
                               label:{//饼图不显示文字
                                   show:true,
                                   position : 'inner',//饼图图上显示百分比
                                   formatter : function (params) {                        
                                     return (params.percent - 0).toFixed(0) + '%'
                                   },
                                   textStyle:{
                                       fontSize:14
                                   }
                               }
                           }                           
                       }
                   },
				   {
                       name:'4',
                       type:'pie',
                       center: ['50%', '50%'],
                       radius : [100,120], 
                       data:[
                           {value:314, name:'氮氧化物任务量'},
                           {value:200, name:'氮氧化物完成量'},
                       ],
                       itemStyle: {//系列级个性化
                           normal: {
                               color: function(params) {
                                   var colorList = [
                                     '#339900','#FE8463','#9BCA63','#FAD860'
                                   ];
                                   return colorList[params.dataIndex]
                               },
                               labelLine:{//饼图不显示线条
                                   length:2,
                                   show:false
                               },
                               label:{//饼图不显示文字
                                   show:true,
                                   position : 'inner',//饼图图上显示百分比
                                   formatter : function (params) {                        
                                     return (params.percent - 0).toFixed(0) + '%'
                                   },
                                   textStyle:{
                                       fontSize:14
                                   }
                               }
                           }                           
                       }
                   }
               ]
           });    
myChart.setOption(option);
   </script>