let myChart = echarts.init(document.getElementById("one-echarts"));
initEcharts();

/* 切换数据 */
function changeData(that, type) {
  $(".ul-box li").each(function () {
    if ($(this).hasClass("check")) {
      $(this).removeClass("check").addClass("nocheck");
    }
  });
  $(that).removeClass("nocheck").addClass("check");
  myChart.dispose();
  myChart = echarts.init(document.getElementById("one-echarts"));
  initEcharts();
}

/* 初始化echarts */
function initEcharts(nameList, valueList) {
  let fontSize = "16",
    fontFamily = "Alibaba PuHuiTi R",
    fontColor = "#fff";
  var option = {
    grid: {
      top: 0,
      bottom: 0,
      left: 0,
      right: 0,
    },
    title: {
      text: "",
      x: "center",
    },
    tooltip: {
      trigger: "item",
      formatter: "{a} <br/>{b} : {c} ({d}%)",
    },
    legend: {
      show: false,
      // orient: 'vertical',
      // left: 'left',
      data: ["直接访问", "邮件营销", "联盟广告", "视频广告", "搜索引擎"],
    },
    series: [
      {
        name: "城市管理（社会治理网格）",
        type: "pie",
        radius: "65%",
        center: ["50%", "50%"],
        label: {
          show: true,

          formatter: "{b} {d}%",
        },
        data: [
          { value: 335, name: "直接访问" },
          { value: 310, name: "邮件营销" },
          { value: 234, name: "联盟广告" },
          { value: 135, name: "视频广告" },
          { value: 1548, name: "搜索引擎" },
        ],
      },
    ],
  };
  myChart.setOption(option, true);
  window.addEventListener("resize", function () {
    myChart.resize();
  });
}