zoukankan      html  css  js  c++  java
  • echarts中饼图显示百分比

    通过echarts制作饼图,需要通过鼠标移动到对应的扇形才能才看数值和百分比。

    解决这个问题参考的是将鼠标移动到扇形上的显示方法: 
        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} 
                    } 
                } 
            } 
        ] 
  • 相关阅读:
    冒泡排序
    快速排序
    玩转git版本控制软件
    django内容总结
    ajax图片上传功能
    随机验证码
    制作博客系统
    django自带的用户认证和form表单功能
    COOKIE 与 SESSION
    Ajax知识
  • 原文地址:https://www.cnblogs.com/Pinapple/p/9268271.html
Copyright © 2011-2022 走看看