element

最新推荐文章于 2022-06-27 14:46:23 发布

tjh0001

最新推荐文章于 2022-06-27 14:46:23 发布

阅读量99

点赞数

分类专栏：知识点回顾

本文链接：https://blog.csdn.net/qq_39748755/article/details/102331599

版权

知识点回顾专栏收录该内容

60 篇文章 0 订阅

订阅专栏

//去除表格hover悬浮效果
mounted(){
  //去除hover效果
  setTimeout(function () {
    const obj = document.getElementsByClassName("el-table--enable-row-hover")[0];
    let clz = obj.getAttribute("class");
    clz = clz.replace("el-table--enable-row-hover","");
    obj.setAttribute("class",clz);
  },1);
}

 //环形图---》实际效果见下图
generate(circularGraph) {
      // 基于准备好的dom，初始化echarts实例
      var myChart = echarts.init(
        document.getElementsByClassName("main")[circularGraph.site]
      );

      var option = {
        title: {
          text: circularGraph.title,
          left: "center",
          show: circularGraph.head
        },
        tooltip: {
          trigger: "item",
          formatter: "{b}: {c} ({d}%)"
        },
        legend: {
          show: true,
          orient: "horizontal",
          x: "center",
          y: "bottom",
          data: circularGraph.tuglie,
          formatter: function(name) {
            let num = "";
            circularGraph.data.forEach(item => {
              if (item.name === name) {
                num = String(item.value).replace(/(\d)(?=(?:\d{6})+$)/g, "$1.");
                return;
              }
            });
            return name + "：" + num;
          }
        },
        graphic: {
          type: "text",
          left: "center",
          top: "center",
          style: {
            text:
              circularGraph.sum.name +
              "\n" +
              String(circularGraph.sum.number).replace(
                /(\d)(?=(?:\d{6})+$)/g,
                "$1."
              ),
            textAlign: "center",
            fill: "#000",
            width: 30,
            height: 30,
            fontSize: 12
          }
        },
        series: [
          {
            type: "pie",
            radius: ["35%", "65%"],
            itemStyle: {
              normal: {
                label: {
                  show: true,
                  textStyle: { color: "#3c4858", fontSize: "12" },
                  formatter: function(val) {
                    //让series 中的文字进行换行
                    return val.name + "(" + val.percent + "%)";
                  }
                },
                labelLine: {
                  show: true,
                  lineStyle: { color: "#3c4858" }
                }
              },
              emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: "rgba(0, 0, 0, 0.5)",
                textColor: "#000"
              }
            },
            data: circularGraph.data
          }
        ]
      };

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
    }