使用Highcharts在柱形图的Y轴上显示条形和百分比

时间:2013-06-24 02:13:47

标签: highcharts

我的系列数据和柱形图看起来像this。 系列数据数组值是我需要在条形图顶部显示的计数和系列百分比与组合数值数据,因为小提琴应该是我的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]
        }]

1 个答案:

答案 0 :(得分: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
        }],

    }]