var data = [
  {
    name: "博士及以上",
    value: 0.2,
  },
  {
    name: "硕士及以上",
    value: 0.3,
  },
  {
    name: "本科及以上",
    value: 1,
  },
  {
    name: "高中",
    value: 0.1,
  },
  {
    name: "初中及以下",
    value: 0.1,
  },
  {
    name: "其他",
    value: 0.8,
  },
];
var dataStyle = {
  normal: {
    label: { show: false },
    labelLine: { show: false },
    shadowBlur: 40,
    shadowColor: "rgba(40, 40, 40, 0.5)",
  },
};
var placeHolderStyle = {
  normal: {
    color: "rgba(0,0,0,0)",
    label: { show: false },
    labelLine: { show: false },
  },
  emphasis: {
    color: "rgba(0,0,0,0)",
  },
};
var legendData = [];
function getData(data) {
  var sortData = data.sort((a, b) => {
    return b.value - a.value;
  });
  var res = [];
  for (let i = 0; i < sortData.length; i++) {
    legendData.push(sortData[i].name);
    res.push({
      type: "pie",
      clockWise: false, //顺时加载
      hoverAnimation: false, //鼠标移入变大
      radius: [200 - i * 20, 220 - i * 20], //radius: [65 - i * 15 + '%', 57 - i * 15 + '%'],
      itemStyle: dataStyle,
      data: [
        {
          value: sortData[i].value,
          name: sortData[i].name,
        },
        {
          value: 1 - sortData[i].value,
          name: "invisible",
          itemStyle: placeHolderStyle,
        },
      ],
    });
  }
  return res;
}
option = {
  backgroundColor: "#f4f2e3",
  color: ["#85b6b2", "#6d4f8d", "#cd5e7e", "#e38980", "#f7db88"],
  tooltip: {
    show: true,
    formatter: "{b} : {c} ({d}%)",
  },
  legend: {
    data: legendData,
    type: "scroll",
    orient: "vertical",
    align: "left", // 图例标记对其方式
    y: "center", //延Y轴居中
    x: "right", //居右显示
    padding: 10, //调节legend的位置
    formatter: function (name) {
      let total = 0;
      let target;
      for (let i = 0, l = data.length; i < l; i++) {
        total += data[i].value;
        if (data[i].name == name) {
          target = data[i].value;
        }
      }
      return name + " " + ((target / total) * 100).toFixed(0) + "%";
    },
  },
  toolbox: {
    show: true,
    feature: {
      saveAsImage: { show: true },
    },
  },
  series: getData(data),
};

fetch("//xxx.xxx.com/10.pdf", {
  mode: "cors",
})
  .then((res) => res.blob())
  .then((blob) => {
    const blobURL = window.URL.createObjectURL(blob);
    const link = document.createElement("a");
    link.style.display = "none";
    link.href = blobURL;
    link.setAttribute("download", decodeURI("10.pdf"));
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
    window.URL.revokeObjectURL(blobURL);
  });

$http({
  // 防止出现协议问题，这里不要写具体的 http 或者 https
  url: "//xxx.xxx.com/10.pdf",
  headerType: "download",
  method: "get",
  // 不指定默认从 content-disposition 头读取，后端接口也必须要设置 content-disposition 才能读取到
  fileName: "download.docx",
}).then((res) => {});

window.open("//xxx.xxx.com/10.pdf");

export function download(url, params = {}) {
  const form = document.createElement("form");
  form.method = "post";
  form.action = url;
  form.target = "_blank";
  document.body.appendChild(form);
  for (const key in params) {
    const value = params[key];
    if (value) {
      const input = document.createElement("input");
      input.setAttribute("type", "hidden");
      input.setAttribute("name", key);
      if (isArray(value)) {
        input.setAttribute("value", stringify(value));
      } else {
        input.setAttribute("value", value);
      }
      form.appendChild(input);
    }
  }
  form.submit();
  document.body.removeChild(form);
}

const link = document.createElement("a");
link.style.display = "none";
link.href = "//xxx.xxx.com/10.pdf";
link.setAttribute("download", decodeURI("10.pdf"));
document.body.appendChild(link);
link.click();
document.body.removeChild(link);