Echarts模板（三）：分裂饼图

最新推荐文章于 2025-03-27 16:30:45 发布

Jzkuan

最新推荐文章于 2025-03-27 16:30:45 发布

阅读量6.1k

点赞数 1

分类专栏： Echarts

本文链接：https://blog.youkuaiyun.com/qq_43407763/article/details/89643495

版权

Echarts 专栏收录该内容

6 篇文章

订阅专栏

本人刚参加完市场调查大赛，在这个过程中为了画图试过很多软件，相比于Tableau的所见即所得，虽然操作简单，但步骤繁琐，最后我选择使用Echarts画图，它不仅操作简单，而且图像美观，只需要一点点代码基础就能实现。接下来，我向大家分享以下我用到的几个图的模板代码，你在使用的时候均可通过以下代码进行修改，由于本人没有学过JS，不对的地方还请大家多多指教

option = {
   textStyle: {
       fontSize: 20,
   },
   toolbox: {
       show : true,
       feature : {
           mark : {show: true},
           dataView : {show: true, readOnly: false},
           magicType : {
               show: true,
               type: ['pie', 'funnel']
           },
           restore : {show: true},
           saveAsImage : {show: true}
       }
   },
   tooltip: {
       trigger: 'item',
       formatter: "{a} <br/>{b}: {c} ({d}%)"
   },
   legend: {
       orient: 'vertical',
       x: 'right',
       data:['是','否']
   },
   series: [
       {
           name:'访问来源',
           type:'pie',
           selectedMode: 'single',
           radius: [0, '75%'],
           label: {
               normal: {
                   show: true,
                   formatter: '{b}({d}%)',
                   position :'inner'
               }
           },
           
           data:[
               {value:175, name:'是', selected:true},
               {value:352, name:'否'}
           ]
       }
       ]
};

以下是效果图