Vueはechart円グラフの凡例のパーセンテージを表示するメソッドを実装します

オプション = {
    タイトル ： {
        テキスト: 「特定のサイトへのユーザーアクセス元」
        サブテキスト: 「完全に架空のもの」
        x:'中心'
    },
    ツールチップ: {
        トリガー: 'アイテム',
        フォーマッタ: "{a} <br/>{b} : {c} ({d}%)"
    },
    伝説： {
        orient: 'vertical', // レイアウト モード、デフォルトは水平レイアウト、オプション: 'horizo​​ntal' ¦ 'vertical'
         // 水平配置、デフォルトは左、オプションは 'center' | 'left' | 'right' | {number} (x 座標、単位 px)
        x: '左'、
        // 垂直配置。デフォルトは画像全体の上部。オプションは次のとおりです: 'top' | 'bottom' | 'center' | {number} (y 座標、単位 px)
        y: '下'、
        // 凡例の表示スタイルフォーマッタを書き換える: function(name) {
              // 凡例の表示内容を取得します。let data = option.series[0].data;
              合計を 0 にします。
              tarValue = 0 とします。
              (i = 0, l = data.length; i < l; i++) の場合 {
                  合計 += データ[i].値;
                  if (data[i].name == name) {
                      tarValue = データ[i].値;
                  }
              }
              p = (tarValue / total * 100).toFixed(2) とします。
              名前 + ' ' + ' ' + p + '%' を返します。
          },
        データ: ['ダイレクトアクセス'、'メールマーケティング'、'アフィリエイト広告'、'ビデオ広告'、'検索エンジン']
    },
    シリーズ： [
        {
            名前: 'アクセスソース'、
            タイプ: 'パイ'、
            半径: '55%'、
            中央: ['50%', '60%'],
            データ：[
                {値:335、名前:'直接アクセス'},
                {値:310、名前:'メールマーケティング'}、
                {値:234、名前:'Alliance Advertising'},
                {値:135、名前:'ビデオ広告'},
                {値:1548、名前:'検索エンジン'}
            ]、
            アイテムスタイル: {
                強調：
                    影ぼかし: 10,
                    シャドウオフセットX: 0,
                    影の色: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};