vue echarts饼图label字体位置修改到左右

要将 Echarts 饼图的 label 字体位置修改到左右，需要在 Echarts 的配置项中设置 label 的属性。具体步骤如下：

1. 找到 Echarts 的 options 对象中的 series 数组，该数组包含了所有图表系列的配置项。

2. 在 series 数组中找到饼图的配置项，一般是 type: 'pie'。

3. 在饼图的配置项中找到 label 属性，该属性控制饼图上的标签显示。

4. 在 label 属性中设置 position 属性为 'inside' 或 'outside'，分别表示标签显示在饼图内部或外部。

5. 如果将标签显示在外部，还可以设置 labelLine 属性控制标签与饼图之间的连线。

以下是一个示例代码：

option = {
  series: [{
    type: 'pie',
    data: [
      {value: 335, name: '直接访问'},
      {value: 310, name: '邮件营销'},
      {value: 234, name: '联盟广告'},
      {value: 135, name: '视频广告'},
      {value: 1548, name: '搜索引擎'}
    ],
    label: {
      show: true,
      position: 'outside', // 设置标签显示在外部
      formatter: '{b}: {c} ({d}%)'
    },
    labelLine: {
      show: true
    }
  }]
};

在上面的示例中，label 属性中的 position 属性设置为 'outside'，将标签显示在饼图外部。如果要将标签显示在内部，只需要将 position 属性设置为 'inside' 即可。