Vue implementiert die Methode zur Anzeige des Prozentsatzes der Echart-Kreisdiagrammlegende

Option = {
    Titel: {
        Text: „Quelle des Benutzerzugriffs auf eine bestimmte Site“,
        Subtext: „Rein fiktiv“,
        x:'Mitte'
    },
    Tooltip: {
        Auslöser: 'Artikel',
        Formatierer: "{a} <br/>{b} : {c} ({d}%)"
    },
    Legende: {
        orient: 'vertical', // Layoutmodus, die Vorgabe ist horizontales Layout, optional: 'horizontal' ¦ 'vertical'
         // Horizontale Platzierung, Standard ist links, Optionen sind: „Mitte“ | „links“ | „rechts“ | {Zahl} (x-Koordinate, Einheit px)
        x: 'links',
        // Vertikale Platzierung, Standard ist die Oberseite des gesamten Bildes, Optionen sind: „oben“ | „unten“ | „Mitte“ | {Zahl} (y-Koordinate, Einheit px)
        y: 'unten',
        // Formatierer für die Legendenanzeige neu schreiben: function(name) {
              // Anzeigeinhalt der Legende abrufen let data = option.series[0].data;
              sei total = 0;
              lassen Sie tarValue = 0;
              für (sei i = 0, l = Datenlänge; i < l; i++) {
                  Gesamtsumme += Daten[i].Wert;
                  wenn (Daten[i].Name == Name) {
                      tarValue = Daten[i].Wert;
                  }
              }
              sei p = (tarValue / total * 100).toFixed(2);
              Rückgabename + ' ' + ' ' + p + '%';
          },
        Daten: ['Direktzugriff', 'E-Mail-Marketing', 'Affiliate-Werbung', 'Video-Werbung', 'Suchmaschine']
    },
    Serie: [
        {
            Name: 'Zugriffsquelle',
            Typ: "Kuchen",
            Radius: „55 %“,
            Mitte: ['50%', '60%'],
            Daten:[
                {value:335, name:'Direktzugriff'},
                {value:310, name:'E-Mail-Marketing'},
                {Wert:234, Name:'Alliance Advertising'},
                {value:135, name:'Videoanzeige'},
                {value:1548, name:'Suchmaschine'}
            ],
            Artikelstil: {
                Schwerpunkt:
                    Schattenunschärfe: 10,
                    SchattenOffsetX: 0,
                    Schattenfarbe: 'rgba(0, 0, 0, 0,5)'
                }
            }
        }
    ]
};