Echarts在线免费图表

 
            option = {
  backgroundColor: "#2c343c",
  title: {
    text: "产品库存",
    left: "center",
    top: 20,
    textStyle: {
      color: "#ccc",
    },
  },

  tooltip: {
    trigger: "item",
    formatter: "{b} : {c} ({d}%)",
  },

  visualMap: {
    show: false,
    min: 500,
    max: 600,
    inRange: {
      //colorLightness: [0, 1]
    },
  },
  series: [
    {
      name: "访问来源",
      type: "pie",
      radius: "50%",
      center: ["50%", "50%"],
      color: ["rgb(50,100,255)", "rgb(250,55,126)", "rgb(255,72,79)", "rgb(255,115,33)",'rgb(55,212,92)','rgb(156,32,209)'], //'#FBFE27','rgb(11,228,96)','#FE5050'
      data: [
        {
          value: 285,
          name: "叠合板",
        },
        {
          value: 270,
          name: "预制外墙",
        },
        {
          value: 274,
          name: "预制楼梯",
        },
        {
          value: 235,
          name: "预制阳台",
        },
         {
          value: 174,
          name: "预制梁",
        },
        {
          value: 95,
          name: "预制空调板",
        },
      ],

      label: {
        normal: {
          formatter: ["{c|{c}}", "{b|{b}}"].join("\n"),
          rich: {
            c: {
              color: "rgb(241,246,104)",
              fontSize: 20,
              fontWeight: "bold",
              lineHeight: 5,
            },
            b: {
              color: "rgb(98,137,169)",
              fontSize: 15,
              height: 40,
            },
          },
        },
      },
      labelLine: {
        normal: {
          lineStyle: {
            color: "rgb(98,137,169)",
          },
          smooth: 0.2,
          length: 30,
          length2: 20,
        },
      },
      itemStyle: {
        normal: {
          shadowColor: "rgba(0, 0, 0, 0.8)",
          shadowBlur: 50,
        },
      },
    },
  ],
};