Echart 饼图标签label重写formatter问题

博客指出在ECharts的label重写方面,2.0与3.0版本的formatter用法存在差异,主要体现在数据层级结构的变化。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、在label重写上,2.0与3.0 formatter用法稍有区别,数据层级结构变化

2.0

{
    name:'访问来源',
    type:'pie',
    selectedMode: 'single',
    radius : [0, 70],
    
    // for funnel
    x: '20%',
    width: '40%',
    funnelAlign: 'right',
    max: 1548,
    
    itemStyle : {
        normal : {
            label : {
                position : 'inner',
                formatter:function(params){
                    return "重写label"
                }
            },
            labelLine : {
                show : false
            }
        }
    },
    data:[
        {value:335, name:'直达'},
        {value:679, name:'营销广告'},
        {value:1548, name:'搜索引擎', selected:true}
    ]
},

3.0

{
    name:'访问来源',
    type:'pie',
    radius: ['40%', '55%'],
    label: {
        normal: {
            formatter:function(parmas){
                return "重写label"
            },
            backgroundColor: '#eee',
            borderColor: '#aaa',
            borderWidth: 1,
            borderRadius: 4,
            rich: {
                a: {
                    color: '#999',
                    lineHeight: 22,
                    align: 'center'
                },
                hr: {
                    borderColor: '#aaa',
                    width: '100%',
                    borderWidth: 0.5,
                    height: 0
                },
                b: {
                    fontSize: 16,
                    lineHeight: 33
                },
                per: {
                    color: '#eee',
                    backgroundColor: '#334455',
                    padding: [2, 4],
                    borderRadius: 2
                }
            }
        }
    },
    data:[
        {value:335, name:'直达'},
        {value:310, name:'邮件营销'},
        {value:234, name:'联盟广告'},
        {value:135, name:'视频广告'},
        {value:1048, name:'百度'},
        {value:251, name:'谷歌'},
        {value:147, name:'必应'},
        {value:102, name:'其他'}
    ]
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值