function getHexOpacityColor({
  color = '#000',
  opacity = 0.9
}) {
  opacity = Math.max(opacity, 0);
  opacity = Math.min(opacity, 1);
  color = color.replace(/\#/g, '').toUpperCase();
  if (color.length === 3) {
    let arr = color.split('');
    color = '';
    for (let i = 0; i < arr.length; i++) {
      color += (arr[i] + arr[i]); //将简写的3位字符补全到6位字符
    }
  }
  let num = Math.round(255 * opacity); //四舍五入
  let str = '';
  let arrHex = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"]; //十六进制数组
  while (num > 0) {
    let mod = num % 16;
    num = (num - mod) / 16;
    str = arrHex[mod] + str;
  }
  if (str.length == 1) str = '0' + str;
  if (str.length == 0) str = '00';
  return `#${color+str}`;
}
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
var datas = [{
  value: 44,
  name: '小客车'
},
             {
               value: 40,
               name: '中大型客车'
             },
             {
               value: 32,
               name: '大货车'
             },
             {
               value: 28,
               name: '小货车'
             },
             {
               value: 38,
               name: '超长车'
             }
            ]
var color = ['#04e4fc', '#103669', '#4e186f', '#d99a15', '#473a40']
var option;
option = {
  legend: {
    align: 'left',
    right: '4%',
    itemWidth: 10,
    itemHeight: 10,
    orient: 'vertical',
    top: '20%',
    icon: 'circle',
    textStyle: {
      color: '#91badb'
    },
    formatter: function(name) {
      for (let i = 0; i < datas.length; i++) {
        if (name === datas[i].name) {
          return `${name}${datas[i].value}位`
        }
      }
    }
  },
  toolbox: {
    show: false,
  },
  series: [{
    type: 'pie',
    radius: [0, 70],
    center: ['30%', '50%'],
    roseType: 'area',
    itemStyle: {
      color: function(val) {
        let _color = color[val.dataIndex]
        return getHexOpacityColor({
          color: _color,
          opacity: 0.4
        })
      },
      borderColor: 'rgba(255,255,255,0.6)',
      borderWidth: 2,
      borderRadius: 2
    },
    label: {
      color: '#779bbe'
    },
    labelLine: {
      normal: {
        length: 1
      }
    },
    data: datas
  }]
};

if (option && typeof option === 'object') {
  myChart.setOption(option);
}