Echarts在线免费图表

 
            const imgURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAABHNCSVQICAgIfAhkiAAAAfRJREFUOE+tlV1OwkAQx2fxAxMw8kiQRG4gPYF4AvHJR+DNN+sJ6A1YbwAnsNygnKD6aOKDJkD0xTRGEk2E9T+l1VpKy9cmm7Sd3d/8Z3Z2Kihm5HQ7lxF0Rop0QVQOLLWUoPagpXXi9mPP7MjrdmmLqAljFdZcDMCBTX4TdV6k9hRe9w9+qNt1fKhhUSVO0RybOUE0w5bW9e0u3IO2ElQu5E8RcQTnA6ndBeBKEomDhQgxixSpe3DqLtzLb24Ej1kiHUakRhwt4wR7ngE0x8g/576o25VPSj8IPFgAnWBayJnknHGaiJSR5AQp6GCaQ6mZLHIb54V3PreSUqlaEO6KdXMmyBgp6iISLj/Dc+4H08OaNiI1Hak5Bd2upqZFwJX1O5QSlzPwgN1hCEK9QVlyOVbwbHLYYZVRKUyC/6mYKr3OIFyE3AyrXATe5fwJmls1p6wek+GJI6zc/CBq8C4olN5lCkLWgjPIQc/QuWdwOaHE4EQcex7WhvtKLfSLBqqgjHm7aXhUTjemfDNw3EY+vKvE4ydaTvlEXLiNK+LwVlbu9RkDjasd0c9Xq/Mg1Fc28yfiXxt3x4jLEpmWKOhcuG/wWjE6o9uUeIThPXwz+lKz5p1X5D80uJgjSU9Sxdf3t8fC7n52vLeT/0pN+twRk4rgB6F46LuJW48eAAAAAElFTkSuQmCC";
let testData = [
   {
      value: 18,
      itemStyle: {
         color: "#6bd884",
      },
   }
   ,
   {
      value: 10,
      itemStyle: {
         color: "#f5de46",
      },
   }
   , {
      value: 14,
      itemStyle: {
         color: "#f59846",
      },
   }
   ,
   {
      value: 8,
      itemStyle: {
         color: "#1ca4d6",
      },
   }
   ,
   {
      value: 16,
      itemStyle: {
         color: "#17bea7",
      },
   }
   ,
   {
      value: 14,
      itemStyle: {
         color: "#a946f5",
      },
   }
   ,
];
let valueList = [];
testData.forEach((item)=>{
   valueList.push(item.value)
});
let valueMax = Math.max.apply(null,valueList)
option = {
   backgroundColor:'#1f2475',
   polar: {
      radius: [50, "60%"],
      center: ["50%", "50%"],//位置
   },

   angleAxis: {
      max: valueMax * 2, //最大值的两倍
      startAngle: 0,
      clockwise: false,
      show: false,
   },
   radiusAxis: {
      type: "category",
      data: ["CM", "DM", "EC", "其他", "PL", "PM"],
      show: false,
   },
   //图表中加图表
     graphic: {
       elements: [
         {
           type: "image",
           z: 1,
           style: {
             image: imgURL, //背景图的地址require("url")
             width: 24,//背景图宽
             height: 24,
           },
           top: "46%", //背景图位置
           left: "48%",
         },
       ],
     },
   series: {
      type: "bar",
      coordinateSystem: "polar",
      label: {
         show: false,
      },
      data: testData,
   },
}