import * as echarts from 'echarts'

export function pieOption() {
    const center = ["50%", "170px"];
    return {
        color: ["#1A95FF", "#FFAA00", "#04C790"],
       /* title: {
            text: "0",
            top: 45,
            left: "center",
            textStyle: {
                width: "100%",
                fontSize: 24,
                color: "#FFFFFF",
                fontWeight: 400,
            },
            itemGap: 5,
            // subtext: "总数",
            // subtextStyle: {
            //   fontSize: 20,
            //   color: "#fff",
            //   fontWeight: 400,
            // },
        },*/
        tooltip: {
            show: false,
        },
        // legend: {
        // top: 350,
        // bottom: 0,
        // itemWidth: 20,
        // itemHeight: 10,
        // textStyle: {
        //   color: '#D2E7FF',
        //   fontSize: 16,
        //   lineHeight: 20,
        // },

        // },
        series: [
            {
                name: 'Access From',
                type: 'pie',
                radius: ['60%', '90%'],
                avoidLabelOverlap: false,
                labelLine: {
                    show: false
                },
                data: [],
                label: {
                    show: false,
                    position: 'center',
                    formatter:  data => {
                        console.log(data.color)
                        return `{c_style|${data.percent.toFixed(0)}%}\n{b_style|${data.name}}`
                        // '{c_style|{d}%}\n{b_style|{b}}'
                    },
                    rich: {
                        b_style: {
                            fontSize: 12,
                            fontWeight: 400,
                            color: '#A3B9DA'
                        },
                        c_style: {
                            padding: [0, 0, 5, 0],
                            fontSize: 24,
                            fontWeight: 'bold',
                            color: '#fff'
                        }
                    }
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: '14',
                        fontWeight: 'normal'
                    }
                },
             /*   label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                  label: {
                    show: true,
                    fontSize: 40,
                    fontWeight: 'bold'
                  }
                },*/

            }
        ]
    };

}