饼状图

偏执的太偏执、 2022-02-22 14:50 356阅读 0赞

app.title = '环形图';

option = \{  
    tooltip: \{  
        trigger: 'item',  
        formatter: "\{a\} <br/>\{b\}: \{c\} (\{d\}%)"  
    \},  
    legend: \{  
        orient: 'vertical',  
        x: 'left',  
        data:\['直接访问','邮件营销','联盟广告','视频广告','搜索引擎'\]  
    \},  
    series: \[  
        \{  
            name:'访问来源',  
            type:'pie',  
            radius: \['50%', '70%'\],  
            // avoidLabelOverlap: false,  
            label: \{  
                normal: \{ **//饼图图形上的文本标签**  
                    show: true,  
                \},  
                emphasis: \{  
                    show: true,  
                    textStyle: \{  
                        fontSize: '30',  
                        fontWeight: 'bold'  
                    \}  
                \}  
            \},  
            data:\[  
                \{value:335, name:'直接访问'\},  
                \{value:310, name:'邮件营销'\},  
                \{value:234, name:'联盟广告'\},  
                \{value:135, name:'视频广告'\},  
                \{value:1548, name:'搜索引擎'\}  
            \],  
           itemStyle: \{  
                emphasis: \{  
                    shadowBlur: 10,  
                    shadowOffsetX: 0,  
                    shadowColor: 'rgba(0, 0, 0, 0.5)'  
                \}  
            \}  
        \}  
    \]  
\};

参考链接：[https://blog.csdn.net/wangkun00100/article/details/81913843][https_blog.csdn.net_wangkun00100_article_details_81913843]

[https_blog.csdn.net_wangkun00100_article_details_81913843]: https://blog.csdn.net/wangkun00100/article/details/81913843