使用标签式引用echarts.js添加扇形图形的问题

myChart = echarts.init(document.getElementById('main'),  null);
myChart.setOption({}, true);
var _ZR = myChart.getZr();
var color = ['#61a0a8', '#d14a61', '#fd9c35', '#675bba', '#fec42c',
              '#dd4444', '#fd9c35', '#cd4870'] 
_zr.add(new echarts.graphic.Sector
   ({
       shape: {
           cx: 330,
           cy: 330,
           r0: 30,
           r: 100,
           startAngle: 0,
           endAngle: 90,
           clockwise: true
       }, style: {
           stroke: color[num],
           color: color[num - 1],
           brushType: 'both',
           fill: color[num + 1],

       },
       zlevel: 0,
       z: 10001
   }));

R = myChart.getZr();
var color = ['#61a0a8', '#d14a61', '#fd9c35', '#675bba', '#fec42c',
'#dd4444', '#fd9c35', '#cd4870']
_zr.add(new echarts.graphic.Sector
({
shape: {
cx: 330,
cy: 330,
r0: 30,
r: 100,
startAngle: 0,
endAngle: 90,
clockwise: true
}, style: {
stroke: color[num],
color: color[num - 1],
brushType: 'both',
fill: color[num + 1],