立即注册 登录
Highcharts 中文社区 返回首页

JohnDai的个人空间 https://bbs.hcharts.cn/?18704 [收藏] [复制] [分享] [RSS]

日志

Highcharts 饼图,中间环形并显示百分比

已有 1477 次阅读2016-11-7 18:09 |个人分类:pie| 环形饼图

$(function () {
    Highcharts.chart('container', {
        chart: {
            type: 'pie'
        },

        plotOptions: {
            pie: {
            innerSize:'30%',
               showInLegend: true,//设置是否显示标签信息
               dataLabels: {
                    distance:-160,//设置环形内的百分比显示位置
                    formatter:function(){
//设置环形内显示的内容
                    if(this.point.name == "Firefox")
                      return this.percentage.toFixed(2)+"%";
                    else
                      return "";
                   }
                }
            }
        },
         legend: {  
                        layout: 'vertical',  
                        backgroundColor: '#FFFFFF',  
                        floating: true, 
                        enabled: true,
                        align: 'left',  
                        verticalAlign: 'top',  
                        x: 600,  
                        y: 90,  
                        labelFormatter: function () {  
                            return this.name + '('+this.percentage.toFixed(2)+'%)';  
                        }  
                    }, 

        series: [{
            data: [
                ['Firefox',   44.2],
                ['IE7',       26.6],
                ['IE6',       20],
                ['Chrome',    3.1],
                ['Other',    5.4]
            ]
        }]
    });
});



路过

雷人

握手

鲜花

鸡蛋

评论 (0 个评论)

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 立即注册

返回顶部