echarts 饼图 显示数据

时间:2021-03-05 06:03:54


饼图只在鼠标放上后显示比例数据,各项不能直接显示问题。


从而得来这个问题的解决方案(蓝色字体):

series : [
        {
            name:'访问来源',
            type:'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ],
            itemStyle:{
            normal:{
                  label:{
                    show: true,
                    formatter: '{b} : {c} ({d}%)'
                  },
                  labelLine :{show:true}
                }
            }
        }
    ]