echarts饼图数值显示

撒旦小猪 发布于 2014/03/26 15:56
阅读 46K+
收藏 2

@Kener-林峰 你好,想跟你请教个问题:通过echarts制作饼图,需要通过鼠标移动到对应的扇形才能才看数值和百分比。在查看API发现柱状图或者执行图在设置itemstyle:{normal:{label:{show:true}}}即可显示数值。可是饼图缺无法显示。是否还有其他方法将饼图数值直观显示,因为饼图数值过多的时候,或者其中一个扇形数值很小,鼠标很难移动到该扇区。

以下是问题补充:

@撒旦小猪:需要的是能够带上数字以及百分比,具体的数字还是需要鼠标移到扇形上才会显示。搜索引擎1548(60.42%),而不是只显示搜索引擎 (2014/03/26 19:07)
加载中
1
lvxiaoyu
lvxiaoyu

@撒旦小猪  @Kener-林峰  今天也碰到了这个问题,楼上的回答似乎没有真正理解该问题的意思。

解决这个问题参考的是将鼠标移动到扇形上的显示方法:
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },

从而得来这个问题的解决方案(蓝色字体):
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}
                }
            }
        }
    ]

解决啦。
暮冬丶
暮冬丶
谢谢
A
A-n
可以可以,解决了
java技术讨论
java技术讨论
不错不错
0
0
tomzhao
tomzhao
能在legend上显示吗   formatter: '{b} : {c} ({d}%)'  
0
lingqi82
lingqi82
其实我之前问的也是这个意思,峰哥可能理解成什么好高深的了。。。
返回顶部
顶部