Echarts在线免费图表

 
            var data = [
   {
      value: 90,
      name: "",
      itemStyle: {
         normal: {
            color: new echarts.graphic.LinearGradient(0, 1, 1, 1, [
               {
                  offset: 0,
                  color: "#1f81d5",
               },
               {
                  offset: 1,
                  color: "#7ce0fd",
               },
            ]),
         },
      },
   },
   {
      value: 10,
      name: "",
      itemStyle: {
         normal: {
            color: "#e0e0e0",
         },
      },
   },
];
var a = 0;
for (var i = 0; i < data.length; i++) {
   a += data[i].value;
}
data.push({
   value: a,
   name: "__other",
   itemStyle: {
      normal: {
         color: "rgba(0,0,0,0)",
      },
   },
});
option = {
   title: [
      {
         text: '10.4',
         right: "45%",
         bottom: "35%",
         textStyle: {
            color: "#0e47a7",
            fontSize: 38,
         },
      },
      {
         text: '量',
         right: "41%",
         bottom: "36%",
         textStyle: {
            color: "#0e47a7",
            fontSize: 18,
            fontWeight: "normal",
         },
      },
      {
         text: 0,
         left: "20%",
         bottom: "25%",
         textStyle: {
            color: "#333333",
            fontSize: 18,
            fontWeight: "normal",
         },
      },
      {
         text: 12,
         right: "20%",
         bottom: "25%",
         textStyle: {
            color: "#333333",
            fontSize: 18,
            fontWeight: "normal",
         },
      },
      {
         text: 2023,
         right: "45%",
         bottom: "25%",
         textStyle: {
            color: "#333333",
            fontSize: 18,
            fontWeight: "normal",
         },
      },
   ],
   series: [
      {
         // name:'访问来源',
         type: "pie",
         hoverAnimation: false,
         radius: ["40%", "80%"],
         center: ["50%", "68%"],
         startAngle: 180,
         label: {
            normal: {
               show: false,
               position: "center",
            },
         },
         data: data,
      },
   ],
};