Echarts在线免费图表

 
            let data= [
   {value: 6, name: "安全"},
   {value: 10, name: "工艺"},
   {value: 17, name: "电气"},
   {value: 20, name: "仪表"},
   {value: 45, name: "消防"},
   {value: 35, name: "其它"},
]
let colors = ["#d41717", "#ff6024", "#bec43d", "#2ba340", "#2cdab8", '#1680ff', "#602dff","#8f11fc", "#d14bf8", "#d629a6", "#ff5a7a", "#0084ff", '#c66cac', "#9c2c34"]
option = {
   //你的代码
   title:{
      text:'分类资金统计',
      left:'center',
      top:'5%'
   },
   color:colors,
   tooltip: {
   trigger: 'item'
   },
   legend: {
      orient: 'vertical',
      align:'auto',
      right:'10%',
      top:'middle',
      itemWidth: 13,
      itemHeight: 13,
      textStyle: {
         color: "#333",
         fontSize: 14,
      },
   },
   series: [
   {
      name: '分类资金统计',
      type: 'pie',
      radius: ['30%','60%'],
      center:['35%','50%'],
      label:{
         formatter:'{b}：{d}%', // 用来换行
      },
      data:data.map((item,index)=>{
         return {
         label:{
               color:colors[index],
         },
         ...item
         }
      }),
      emphasis: {
         itemStyle: {
         shadowBlur: 10,
         shadowOffsetX: 0,
         shadowColor: 'rgba(0, 0, 0, 0.5)'
         }
      }
   },
   {
      name: '分类资金统计',
      type: 'pie',
      radius:['25%','30%'],
      center:['35%','50%'],
      data:[100],
      label:{
         show:false,
         formatter:'{d}%', // 用来换行
      },
      itemStyle:{
         color:'#57637d'
      },
      tooltip:{
         show:false 
      },
      emphasis: {
         scale:false,
         disabled:false,
         itemStyle: {
         shadowBlur: 10,
         shadowOffsetX: 0,
         shadowColor: 'rgba(0, 0, 0, 0.5)'
         }
      }
   }
   ]
};