Vue verwendet Echart, um Beschriftungen und Farben anzupassen

Etikett:{
 Formatierer: Parameter => {//●
       zurückkehren (
               '{Symbol|▅}{Name|' +params.name+ '}{Wert|' +
               params.Wert + '}'
           );
       },
       reich:
           Symbol:
               Schriftgröße: 16
           },
           Name: {
               Schriftgröße: 16,
               Polsterung: [0, 10, 0, 4],
           },
           Wert: {
               Schriftgröße: 16,
           }
       },
}

Serie: [
    {
      Typ: "Kuchen",
      Radius: [0, '75%'],
      Mitte: ['50%', '50%'],
      oben: 0,
      // roseType: 'Radius',
      avoidLabelOverlap: wahr,
      // minShowLabelAngle: 0,6,
      Startwinkel: 0,
      Etikett: {
        anzeigen:wahr,
        Position: 'außen',
        alignTo: "Kante",
        //Eine andere Lösung Punkt normal: {
          Formatierer: Parameter => {
            // Formatfarbe(Params.Farbe)
            // Farbe = params.farbe
              zurückkehren (
                  '{Symbol|● }{Name|' + Parametername + '}'+'\n'+'{Wert|' +
                  params.Wert+'Zeiten' + '}'
              );
          },
          Polsterung: [0, -40,25, -40],
          reich:
              Symbol:
                Schriftgröße: 15,
              },
              Name: {
                Schriftgröße: 13,
                Farbe: '#666666'
              },
              Wert: {
                Schriftgröße: 12,
                Farbe: 'rgba(0,0,0,0,35)'
              }
          }
        }
      },
      Beschriftungszeile: {
        Länge: 10,
        Länge 2:70,
        glatt: falsch,
        Linienstil:{
          Farbe: "rgba(0,0,0,0.15)"
        }
      },
      Daten: []
    },
    {
      Name: '',
      Typ: "Kuchen",
      Radius: [0, '75%'],
      Mitte: ['50%', '50%'],
      Daten:[],
      oben: 0,
      // Rosentyp: 'Radius',
      avoidLabelOverlap: wahr,
      Startwinkel: 0,
      Artikelstil: {
          normal: {
              Etikett: {
                  zeigen: wahr,
                  Position: 'innen',
                  Farbe: "#fff",
                  Schriftgröße: 14,
                  ausrichten: "zentriert",
                  formatter: function (p) { //Anzeigezeile entspricht Text, Prozentsatz return p.percent + "%";
                  }
              },
          }
      }
    }
  ]

//Holen Sie sich die Farbkarte und weisen Sie sie neu zu. let colorArr = pieOption.color

 let seriesData = JSON.parse(JSON.stringify(this.orderServiceTimeLenData.output.value.rows))||[]
      let seriesData1 = JSON.parse(JSON.stringify(this.orderServiceTimeLenData.output.value.rows))||[]
      wenn(seriesData.length){
        seriesData.fürJeden((Element,Index)=>{
          Artikel.Name = Artikel.TypStr
          Artikelwert = Artikelnummer
          Element.Beschriftung = {Farbe:colorArr[index]}
        })
        seriesData1.fürJeden((Element,Index)=>{
          Artikel.Name = Artikel.TypStr
          Artikelwert = Artikelnummer
        })
      }
gibt {legend: {data: seriesData}, series: [{data: seriesData}, {data: seriesData1}]} zurück;