Echart toolbox 工具栏 根据条件判断是否显示

1. 在toolbox的feature属性下，为需要进行控制显示的按钮设置一个唯一的名称（例如"myButton"）。

   toolbox: {
     feature: {
       myButton: {
         show: true,
         title: 'My Button',
         icon: 'path/to/icon',
         ...
       },
       ...
     },
     ...
   }

2. 在Vue组件中定义一个计算属性，该计算属性用于根据条件返回一个布尔值，代表是否需要显示该按钮。

   <template>
     <div>
       <v-chart :options="chartOptions"></v-chart>
     </div>
   </template>
   
   <script>
   import { defineComponent, computed } from 'vue';
   
   export default defineComponent({
     setup() {
       const condition = true; // 满足条件时为true，否则为false
   
       const chartOptions = computed(() => ({
         toolbox: {
           feature: {
             myButton: {
               show: condition, // 根据条件动态控制按钮显示
               ...
             },
             ...
           },
           ...
         },
         ...
       }));
   
       return {
         chartOptions
       };
     }
   });
   </script>
   

3. 在feature.myButton.show属性中使用上面定义的计算属性，根据计算结果来动态控制按钮的显示。

4. 这样，在执行组件渲染后，会根据条件对myButton按钮的显示进行动态控制。