this.$nextTick(() => {
            $("select[name='ddlCostCenter']").select2({
              language: "zh-CN"
            });
          });

 <div>
  <div id="echartss" :style="{width: '100%', height: '600px'}"></div>
 </div>

 echarts1_option:{
      backgroundColor: '#45515a', //背景顏色
      //標(biāo)題
      title: {
       text: '訂單中保險(xiǎn)公司所占的比例',
       subtext: '餅圖示例',
       left: 'center',
       top: 20,
       textStyle: {
        color: '#ccc',
        fontStyle: 'italic'//標(biāo)題字體
       }
      },
      //彈窗，響應(yīng)鼠標(biāo)指向，顯示具體細(xì)節(jié)
      tooltip : {
       trigger: 'item',//以具體項(xiàng)目觸發(fā)彈窗
       formatter: "{a} <br/> : {c} (vvxyksv9kd%)",
      },
      //圖例，選擇要顯示的項(xiàng)目
      legend:{
       orient:'vertical',
       left:'left',
       textStyle:{
        color:'#c8c8d0'
       },
       data:['安心','安盛天平','中華聯(lián)合保險(xiǎn)','中國太平洋保險(xiǎn)','中國人保財(cái)險(xiǎn)','平安車險(xiǎn)'] //注意要和數(shù)據(jù)的name相對應(yīng)
      },
      //工具箱
      toolbox:{
       show:true,//顯示工具箱
       feature:{
        dataView:{show:true}, //以文字形式顯示數(shù)據(jù)
        restore:{show:true},  //還原
        //dataZoom:{show:true}, //區(qū)域縮放
        saveAsImage:{show:true}, //保存圖片
        //magicType:{type:['line','bar']}//動(dòng)態(tài)數(shù)據(jù)切換，數(shù)據(jù)顯示可以在該規(guī)定內(nèi)容中切換顯示方式，
       }
      },
      /*//視覺映射組件，將數(shù)據(jù)映射到視覺元素上
      visualMap: {
       show: false,
       min: 1,
       max: 2,
       dimension: 0, //選取數(shù)據(jù)的維度，如人數(shù)據(jù)：[身高，體重]，則1代表將體重進(jìn)行映射，默認(rèn)值為數(shù)組的最后一位
       // seriesIndex: 4, //選取數(shù)據(jù)集合中的哪個(gè)數(shù)組，如{一班}，{二班}，默認(rèn)選取data中的所有數(shù)據(jù)集
       inRange: {
        //選定了要映射的對象，用inRange詳細(xì)寫要渲染的具體細(xì)節(jié)，[x，y]中x指最小值對應(yīng)的量（亮度，飽和度等），y指最大值對應(yīng)的量，其余的按各自value線性渲染
        color:['red'],
        colorLightness: [0,1],
        colorSaturation:[0,1]
       }
      },*/
      //數(shù)據(jù)
      series : [
       {
        name: '成交數(shù)量',
        type: 'pie',
        radius: '55%',
        center: ['50%', '50%'],
        data:[

        ].sort(function (a, b) {
         return a.value - b.value;
        }),

        roseType: 'radius',//角度和半徑展現(xiàn)百分比，'area'只用半徑展現(xiàn)
        label: { //餅圖圖形的文本標(biāo)簽
         normal: { //下同，normal指在普通情況下樣式，而非高亮?xí)r樣式
          textStyle: {
           color: 'rgba(255, 255, 255, 0.3)'
          }
         }
        },
        labelLine: { //引導(dǎo)線樣式
         normal: {
          lineStyle: {
           color: 'rgba(255, 255, 255, 0.3)'
          },
          smooth: 0.5, //0-1，越大越平滑彎曲
          length: 10, //從塊到文字的第一段長
          length2: 20 //拐彎到文字的段長
         }
        },

        itemStyle: { //圖例樣式
         normal: {
           //color: '#97413c',
          shadowBlur: 50,//陰影模糊程度
          shadowColor: 'rgba(0, 0, 0, 0.5)',//陰影顏色，一般黑

         }
        },
        animationType: 'scale', //初始動(dòng)畫效果，scale是縮放，expansion是展開
        animationEasing: 'elasticOut', //初始動(dòng)畫緩動(dòng)效果
        animationDelay: function (idx) { //數(shù)據(jù)更新動(dòng)畫時(shí)長，idx限定了每個(gè)數(shù)據(jù)塊從無到有的速度
         return Math.random() * 200;
        }


       }
      ],
      color: ['#97858c','pink','green','yellow','orange','#97813c'],
     },

init(){
     // 基于準(zhǔn)備好的dom，初始化echarts實(shí)例
     let myChart = echarts.init(document.getElementById('echartss'))
     // 繪制圖表，this.echarts1_option是數(shù)據(jù)
     myChart.setOption(this.echarts1_option,true)
    },

 drawline() {
     // 數(shù)據(jù)初始化
     API.account.getAccount().then(({data}) => {
      if (data && data.code == 0) {
       this.echarts1_option.series[0].data=data.data.list;
      } else {
       this.$Message.error(data.msg);
      }
     }).catch((data) => {
      this.$Message.error('連接失敗，請檢查網(wǎng)絡(luò)！');
     });

    },

//數(shù)據(jù)自動(dòng)刷新，必然需要一個(gè)監(jiān)聽機(jī)制告訴Echarts重新設(shè)置數(shù)據(jù)
  watch: {
   //觀察option的變化
   echarts1_option: {
    handler(newVal, oldVal) {
     if (this.myChart) {
      if (newVal) {
       this.myChart.setOption(newVal);
      } else {
       this.myChart.setOption(oldVal);
      }
     } else {
      this.init();
     }
    },
    deep: true //對象內(nèi)部屬性的監(jiān)聽，關(guān)鍵。
   }
  },