echarts 饼图大小、图例位置样式、展示百分比，超出文字省略等

代码，图片如下，字体的省略我这边没有显示，之前测试过了，可以的。主要的以 + 号形式标记了，方便查阅。

const mainLiftId = useId()
const [dataa,setDataa] = useState( [
  { value: 1048, name: '口水鸡', },
  { value: 735, name: '酸菜鱼' },
  { value: 580, name: '金酱肉丝' },
  { value: 484, name: '梅菜扣肉' },
  { value: 300, name: '鼓汁鱿鱼' },
],[])

useEffect(()=>{
  var chartDom = document.getElementById(mainLiftId);
  var myChart = echarts.init(chartDom);
  var option;
    option = {
        tooltip: {
          trigger: 'item'
        },

        legend: {
          orient: 'vertical',
          icon: "circle",
          itemWidth: 8,  //