highcharts - 使用 Highcharts 在柱状图的 Y 轴上显示条形计数和百分比

Question

我的系列数据和柱形图看起来像这样。系列数据数组值是我需要在条形顶部显示的计数，而小提琴中的系列百分比内组值数组数据应该是我的 Y 轴数据。如何实现这一目标？下面是我的数据

  series: [{
            name: 'John',
            data: [5, 3, 4, 7, 2],
                /*Percentage is calculated as
                Below values are random
                (5)*100/(5+2+3)
                */
           percentwithingroupvalues:[20,20,20,20,20]    
        }, {
            name: 'Jane',
            data: [2, 2, 3, 2, 1],
            percentwithingroupvalues:[20,20,20,20,20]
        }, {
            name: 'Joe',
            data: [3, 4, 4, 2, 5],
            percentwithingroupvalues:[20,20,20,20,20]
        }]

Answer 1

您需要为每个点对象设置{ }，而不是值y，请参阅：http: //jsfiddle.net/tRKad/3/

    plotOptions: {
        column: {
            dataLabels: {
                enabled: true,
                formatter: function () {

                    return this.point.custom;
                }
            }
        }
    },
    series: [{
        name: 'John',
        data: [{
            custom: 5,
            y: 20
        }, {
            custom: 3,
            y: 15
        }, {
            custom: 4,
            y: 11
        }, {
            custom: 22,
            y: 7
        }, {
            custom: 33,
            y: 2
        }],

    }]