JasperReport生成报表 - 百分比柱状图highchart

 

效果图：

 

关键点设置：

一、X轴百分制

 

 

 

 核心设置：

plotOptions: {
        series: {
            stacking: 'percent'
        }
    },

 

 

二、鼠标放上去显示百分比

 

核心设置：

tooltip: {
        pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b>' +
        '({point.percentage:.0f}%)<br/>', //:.0f 表示保留 0 位小数
}

这个为展示的百分比：

({point.percentage:.0f}%)

 

 

参数参考：https://jshare.com.cn/demos/hhhhD3