Echarts在线免费图表

 
            option =  {
        color: [
          "#6596f9",
          "#6bdfaf",
          "#6f80a1",
          "#f7c125",
          "#7b6cfd",
          "#80d6f8",
          "#9d6bc0",
          "#f69647",
        ],
        tooltip: {
          trigger: "item",
          formatter: "{b} : {c} {d}%",
        },
        toolbox: {
          show: true,
        },
        legend: {
          x: "20%", //水平位置，【left\center\right\数字】
          y: "center", //垂直位置，【top\center\bottom\数字】
          align: "left", //字在图例的左边或右边【left/right】
          orient: "vertical", //图例方向【horizontal/vertical】
          icon: "circle", //图例形状【circle\rect\roundRect\triangle\diamond\pin\arrow\none】
          textStyle: {
            color: "#8C8C8C",
          },
          // height:150
        },
        series: [
          {
            type: "pie",
            radius: [0, 100],
            label: {
              normal: {
                show: true,
                formatter: "{d}%",
              },
              emphasis: {
                show: true,
              },
            },
            data: [
              { value: 23, name: "设备新增" },
              { value: 79, name: "设备修改" },
              { value: 22, name: "线路切改" },
              { value: 43, name: "设备更换" },
              { value: 33, name: "设备投运" },
              { value: 44, name: "设备退役" },
              { value: 22, name: "低压接火" },
              { value: 35, name: "业扩报装" },
            ],
          },
        ],
      };