java highchart统计图_Highcharts简单条形图的总百分比

作者寻求在条形图中以数据标签显示每个系列的百分比,而非原始标称值,同时保留工具提示中的标称值。他们询问是否可以通过formatter函数在不预先转换数据的情况下实现这一目标,并提及已有的轴标签格式化设置。
摘要由CSDN通过智能技术生成

我有一个简单的1系列条形图,每个条形图都有一个标称值 . 我可以使用数据标签和轴来表示每个条形图的值,但是我希望数据标签和轴显示系列总数的百分比,而标称值显示在悬停的工具提示中(因此我不想在绘图之前将数据转换为百分比) .

这是一张图片,展示了我现在和我现在所处的位置:

b40b4f3b-cbab-4fc1-aa59-14fbe0cb7ea6.png

以下是我目前对轴标签作为格式化程序功能的内容:

plotOptions: {

bar: {

dataLabels: {

enabled: true,

formatter: function(){

return Highcharts.numberFormat(this.y,0);

}

}

}

}

我可以使用一些 formatter 函数变量来实现这个目的吗?我知道它很容易在饼图上完成,但我觉得条形图代表数据更好 .

编辑:简单来说,我如何获得所有系列的积分?一旦我有了这个,就可以直接获得百分比:

return Highcharts.numberFormat(100 * this.y / this.y.total,0) + "%";

其中 this.y.total 是系列的总和 .

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值