Echarts模板(三):分裂饼图

2019-04-28  本文已影响0人  ZhenKuanJiang

本人刚参加完市场调查大赛,在这个过程中为了画图试过很多软件,相比于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:'否'}
           ]
       }
       ]
};

以下是效果图

上一篇下一篇

猜你喜欢

热点阅读