美文网首页
Echarts模板(三):分裂饼图

Echarts模板(三):分裂饼图

作者: ZhenKuanJiang | 来源:发表于2019-04-28 18:15 被阅读0次

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

    以下是效果图

    相关文章

      网友评论

          本文标题:Echarts模板(三):分裂饼图

          本文链接:https://www.haomeiwen.com/subject/ejmjnqtx.html