echarts 封装

208 阅读1分钟

饼图

export function pieH (data) {
  return data.chart.setOption({
    color: ['#B7E3FA', '#8DCFF8', '#65B7F3', '#3C9AE8', '#177DDC', '#1765AD'],//设置颜色
    tooltip: {
      trigger: 'item'
    },
    series: [
      {
        type: 'pie',
        radius: ['30%', '55%'],
        avoidLabelOverlap: true,//防止标签重叠
        minTurnAngle: 100,
        minAngle: 30,//最小角度
        label: {
          show: true,
          fontWeight: 'bold',
          fontSize: '13',
        },
        // 设置引导线
        labelLine: {
          show: true,
          // length: 10,
          // length2: 10,
          smooth: false,
        },
        emphasis: {
          label: {
            show: true,
            fontSize: '15',
            fontWeight: 'bold',
          }
        },
        data: data.data
      }]
  });
}
//使用
    echmain () {
      if (document.getElementById('main')) {
        let chart = this.$echarts.init(document.getElementById('main'));
        const data = {
          chart,
          data: this.typeEchr
        }
        pieH(data)
      }
    },