深圳全飞鸿

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz

echart图pie的分析

查看数: 686 | 评论数: 2 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2021-8-16 14:37

正文摘要:

案例一: 关于legend:     legend: {                         x : 'center',       &n ...

回复

zhgc 发表于 2021-8-20 18:35:42
var optionOne = {
                title : {
                    text: '开通渠道饼图',
                    subtext: '',
                    x:'center'
                },
                tooltip : {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                legend: {
                    orient : 'horizontal',
                    x : 'center',
                    y : 'bottom',
                    data:['xxxxAPP','xxxx微信端','xxxxAPP','xxxAPP','xxx机顶盒']
                },
                toolbox: {
                    show : true,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        magicType : {
                            show: true,
                            type: ['pie', 'funnel'],
                            option: {
                                funnel: {
                                    x: '25%',
                                    width: '50%',
                                    funnelAlign: 'left',
                                    max: 1548
                                }
                            }
                        },
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },
                calculable : true,
                series : [
                    {
                        name:'',
                        type:'pie',
                        radius : '65%',
                        center: ['50%', '50%'],
                        /* label: {
                            normal: {
                            show: true,
                            formatter: '{b}: {c}({d}%)'},
                            textStyle : {
                                fontWeight : 'normal',
                                fontSize : 15
                            },labelLine :{show:true}
                        }, */
                        itemStyle:{
                            normal:{
                               label:{
                                  show: true,
                                  formatter: '{b} : {c} ({d}%)'
                                  },
                                  labelLine :{show:true}
                                  }
                             },
                        data:[
                            {value:500, name:'xxxAPP'},
                            {value:400, name:'xxxx微信端'},
                            {value:300, name:'xxxxAPP'},
                            {value:200, name:'xxxAPP'},
                            {value:100, name:'xxx顶盒'}
                        ]
                    }
                ]
            };


QQ|Archiver|手机版|小黑屋|nagomes  

GMT+8, 2025-6-29 00:04 , Processed in 0.059405 second(s), 25 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表