HighCharts柱状图显示百分比

最新推荐文章于 2024-08-31 15:55:23 发布

joyfixing

最新推荐文章于 2024-08-31 15:55:23 发布

阅读量1.1w

点赞数

分类专栏： HighCharts 文章标签： highCharts 柱状图百分比

本文链接：https://blog.csdn.net/joyfixing/article/details/48711009

版权

HighCharts 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HighCharts柱状图没有提供显示百分比的API，只有饼图和堆叠柱状图能显示，调用接口是this.percentage。普通的柱状图想要在柱状图上面显示百分比需要调用formatter格式化输出百分比。

plotOptions: {
    column: {
        dataLabels: {
            enabled: true,  //显示数量提示
            color: '#000000',
            formatter : function() {
                a = this.y/data.total*100;    //a为当前柱状图y轴值除以总数然后乘以100
                return a.toFixed(2) + "%"+"<br/>"+this.y+"个";  //返回百分比和个数
            }
        }
    }
}