环形图自适应问题echarts 饼配置项内容和展示

根据手册设置media,但是环形图并不会产生自适应的效果; 我在js切换容器大小的时候,也尝试过重新加载setOption,但是结果并没有产生预期的自适应,所以很疑惑,是我的使用方法错误还是参数设置错误?求解答

配置项如下
      option = {
    baseOption:{
      color:['#1AB394','#D2E1DE'],
      series : [{
        type:'pie',
        startAngle:'90',
        silent:true,
        label: {
          normal: {
            position: 'center'
          }
        },
        data:[
            {value:10,name:''},
            {value:100,name:''},
        ]
      }]
    },
    media: [
      {
        query: {
          width: 120,
          height:120,
        },
        option: {
          series: [
            {
              radius: ['110px', '120px'],
            }
          ]
        }
      },
      {
        query: {
          width: 60,
          height:60,
        },
        option: {
          series: [
            {
              radius: ['50px', '60px'],
            }
          ]
        }
      },
      {
        option: {
          series: [
            {
              radius: ['55px', '60px'],
            }
          ]
        }
      },
    ],
};
    
截图如下