yudao-init/src/views/copilot/yield/options/double-ring-chart-options.js

export default ({
  titleValue,
  subtitle,
  previousSum,
  currentSum,
  targetSum,
  currentName,
  preName,
}) => ({
  grid: {
    left: 0,
    right: 0,
    bottom: 0,
    top: 0,
    containLabel: true,
  },
  tooltip: {},
  title: {
    text: titleValue,
    left: "44%",
    top: "37%",
    textAlign: "center",
    textStyle: {
      fontWeight: 600,
      fontSize: 32,
      color: "#fffd",
    },
    subtext: `\u2002${subtitle}\u2002`,
    subtextStyle: {
      fontSize: 14,
      fontWeight: 100,
      color: "#fffd",
      align: "right",
    },
  },
  series: [
    // 背景 series
    {
      type: "pie",
      name: "当前目标",
      radius: ["70%", "85%"],
      center: ["45%", "52%"],
      emptyCircleStyle: {
        color: "#042c5f33",
      },
    },
    // 数据 series
    {
      type: "pie",
      radius: ["70%", "85%"],
      center: ["45%", "52%"],
      avoidLabelOvervlap: false,
      label: {
        show: false,
      },
      labelLine: {
        show: false,
      },
      data: [
        {
          value: currentSum,
          name: currentName,
          selected: false,
          itemStyle: {
            borderJoin: "round",
            borderCap: "round",
            borderWidth: 12,
            borderRadius: "50%",
            color: {
              type: "linear",
              x: 1,
              y: 0,
              x2: 0,
              y2: 1,
              colorStops: [
                { offset: 0, color: "#4CF0E811" },
                { offset: 1, color: "#4CF0E8" },
              ],
            },
          },
        },
        {
            value:currentSum == 0
              ? 1
              : 0,
          name: "未达成累计",
          itemStyle: { color: "transparent" },
          label: { show: false },
        },
      ],
    },
    // 数据 series2 - 2023累计
    {
      type: "pie",
      radius: ["55%", "70%"],
      center: ["45%", "52%"],
      avoidLabelOvervlap: false,
      label: {
        show: false,
      },
      labelLine: {
        show: false,
      },
      data: [
        {
          value: previousSum,
          name: preName,
          selected: false,
          itemStyle: {
            borderJoin: "round",
            borderCap: "round",
            borderWidth: 12,
            borderRadius: "50%",
            color: {
              type: "linear",
              x: 1,
              y: 0,
              x2: 0,
              y2: 1,
              colorStops: [
                { offset: 0, color: "#1065ff66" },
                { offset: 1, color: "#1065ff" },
              ],
            },
          },
        },
        {
          value:previousSum == 0
              ? 1
              : 0,
          name: "-",
          itemStyle: { color: "transparent" },
          label: { show: false },
        },
      ],
    },
  ],
});