vue调整图例的字体大小

在Vue.js中，如果你正在使用图表库如ECharts或AntV等，想要调整图例的字体大小，通常可以在配置选项中找到相关的设置。以下是基本步骤：

1. **ECharts**:
- 首先，你需要确保你在组件的`options`对象中包含了图例（legend）部分。

   export default {
     data() {
       return {
         options: {
           legend: {
             // 图例默认配置
             data: ['系列A', '系列B'],
             // 字体大小属性
             textStyle: {
                 fontSize: '14px' // 可以自定义字体大小
               }
           },
           // ...其他图表配置
         }
       }
     }
   }

2. **AntV G2**:
- 在G2中，可以类似地设置`theme.legend.textStyle.fontSize`。

   import { Chart } from '@antv/g2';

   const chart = new Chart({
     container: 'container',
     width: 800,
     height: 600,
     theme: {
       legend: {
         textStyle: {
           fontSize: 14,
         },
       },
     },
     // ...其他配置
   });

在上述例子中，字体大小都是固定的14像素，你可以根据需要调整这个值。如果需要动态控制，可以通过事件监听或者计算属性来更新配置。