import {
    ref,
} from "vue";
export const LeftTop = ref({
    xData: [{ name: '优', value: 22 }, { name: '良', value: 22 }],
    yData: [],
    type: "pie",
    center: ["29.9%", "52%"],
    x: '28.5%',
    y: '38%',
    subtext: '项目总数',
    itemStyle: {
        // borderWidth: 5,
        // borderColor: 'rgba(255, 255, 255, 0.5)',
        color: function (colors) {
            var colorList = [
                "#86D882 ",
                "#159AFF",
                "#F8AA45 ",
                "#FF6969",
                "#5470c6",
            ];
            return colorList[colors.dataIndex];
        },
    },
    legendOptions: {
      x: '240',
      y: '35',
      itemGap: 25,
      textStyle: {
        fontWeight: 'bold',
        fontSize: 14
      }
    }
});
export const LeftCenter = ref({
    xData: [{ name: '优', value: 22 }, { name: '良', value: 22 }, { name: '中', value: 22 }, { name: '差', value: '11' }],
    yData: [],
    type: "pie",
    center: ["29.9%", "52%"],
    x: '28.5%',
    y: '38%',
    subtext: '项目总数',
    itemStyle: {
        // borderWidth: 9,
        // borderColor: '#fff',
        color: function (colors) {
            var colorList = [
                "#86D882 ",
                "#159AFF",
                "#F8AA45 ",
                "#FF6969",
                "#5470c6",
            ];
            return colorList[colors.dataIndex];
        },
    },
    legendOptions: {
      x: '240',
      y: '35',
      itemGap: 25,
      textStyle: {
        fontWeight: 'bold',
        fontSize: 14
      }
    }
});
export const LeftFoot = ref({
    all: 88,
    xData: ['优', '良', '中', '差'],
    yData: [50, 60, 70, 20],
    type: "pie",
    center: ["29.9%", "58%"],
    x: '20%',
    y: '45%',
    subtext: '项目总数',
    legend: ["武汉市张三"],
    padding: [10, 0, 0, 0],
    colorList: ['#86D882', '#159AFF', '#F8AA45', '#FF6969']
});

export const rightTopRef = ref({
    all: 88,
    xData: ['优', '良', '中', '差'],
    yData: [50, 60, 70, 20],
    defaultData: [100, 100, 100, 100],
    titleArray: ['分布', '投资'],
    // colorList: ['#86D882', '#159AFF', '#F8AA45', '#FF6969', '#C7A530', '#FF8439']
});
export const rightCenterRef = ref({
    all: 88,
    xData: ['优', '良', '中', '差'],
    yData: [50, 60, 70, 20],
    defaultData: [],
    titleArray: ['数量'],
    colorList: ['#86D882', '#159AFF', '#F8AA45', '#FF6969', '#C7A530', '#FF8439']
});
export const rightFootRef = ref({
    xData: [{ name: '优', value: 22 }, { name: '良', value: 22 }],
    yData: [],
    type: "pie",
    center: ["29.9%", "58%"],
    x: '28.5%',
    y: '45%',
    subtext: '项目总数',
    itemStyle: {
        // borderWidth: 9,
        // borderColor: 'transparent',
        color: function (colors) {
            var colorList = [
                "#86D882 ",
                "#159AFF",
                "#F8AA45 ",
                "#FF6969",
                "#5470c6",
            ];
            return colorList[colors.dataIndex];
        },
    },
    legendOptions: {
      x: '200',
      y: '80',
      itemGap: 25,
      textStyle: {
        fontWeight: 'bold',
        fontSize: 14
      }
    }
});

export const centerData = ref({
    yData: [{ label: '项目评估', value: 10, color: ['#F8AA45', '#F8AA45', '#F8AA45'] },
    { label: '三星', value: 10, isStar: true, color: ['#F8AA45', '#F8AA45', '#F8AA45'] },
    { label: '二星', value: 10, isStar: true, color: ['#F8AA45', '#F8AA45', '#ddd'] },
    { label: '一星', value: 10, isStar: true, color: ['#F8AA45', '#ddd', '#ddd'] },
    { label: '无星', value: 10, isStar: true, color: ['#ddd', '#ddd', '#ddd'] },
    { label: '未达标', value: 10, color: ['#F8AA45', '#F8AA45', '#F8AA45'] }],
    data: [100, 100, 100, 100],
    titleArray: ['分布', '投资'],
});