需要为y轴设置不同的Highcharts数据标签

需要为y轴设置不同的Highcharts数据标签,highcharts,Highcharts,我有一张图表,显示了人、货币价值和百分比 我想将百分比显示为数据标签,而不是货币标签 价值观 $(函数(){ var图表=新的Highcharts.图表({ 图表:{ renderTo:'容器', 类型:'bar' }, 打印选项:{ 专栏:{ 堆叠:“正常”, 数据标签:{ 已启用:false } }, 酒吧:{ 数据标签: { allowOverlap:是的, 启用:对, 对齐:“右”, 溢出:“无”, 格式化程序:函数(){返回this.y;}, } } }, xA

我有一张图表,显示了人、货币价值和百分比

我想将百分比显示为数据标签,而不是货币标签 价值观

$(函数(){
var图表=新的Highcharts.图表({
图表:{
renderTo:'容器',
类型:'bar'
},
打印选项:{
专栏:{
堆叠:“正常”,
数据标签:{
已启用:false
}
},
酒吧:{
数据标签:
{
allowOverlap:是的,
启用:对,
对齐:“右”,
溢出:“无”,
格式化程序:函数(){返回this.y;},
}
}            
},
xAxis:{
类别:[“玛丽
4623450美元”、“约翰
1848380美元”、“简
640170美元”] }, 系列:[{ “数据”:[ ["65%",4623450], ["26%", 1848380], ["9%", 640170] ], “名称”:“会话1” }] }); });
因此: Mary的数据标签是65%,而不是4623450, John的数据标签是26%,而不是1848380, Jane将拥有9%的数据标签,而不是640170

有办法吗

解决了

简单到:

formatter: function() { return this.key;},
完整代码:

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'bar'
    },
    plotOptions: {
        column: {
            stacking: 'normal',
            dataLabels: {
                enabled: false
            }
        },
    bar: {
        dataLabels: 
        {
            allowOverlap:true,
            enabled: true,
            align: 'right',
            overflow:"none",
            formatter: function() { return this.y;},
        }
    }            
    },
    xAxis: {
        categories: ["Mary<br/>$ 4,623,450","John<br>$     1,848,380","Jane<br/>$ 640,170"]
    },
    series: [{
        "data": [
            ["65%",4623450],
            ["26%", 1848380],
            ["9%", 640170]
        ],
        "name": "Session1"
    }]
});
$(函数(){
var图表=新的Highcharts.图表({
图表:{
renderTo:'容器',
类型:'bar'
},
打印选项:{
专栏:{
堆叠:“正常”,
数据标签:{
已启用:false
}
},
酒吧:{
数据标签:
{
allowOverlap:是的,
启用:对,
对齐:“右”,
溢出:“无”,
格式化程序:函数(){返回this.y;},
}
}            
},
xAxis:{
类别:[“玛丽
4623450美元”、“约翰
1848380美元”、“简
640170美元”] }, 系列:[{ “数据”:[ ["65%",4623450], ["26%", 1848380], ["9%", 640170] ], “名称”:“会话1” }] });
}))

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'bar'
    },
    plotOptions: {
        column: {
            stacking: 'normal',
            dataLabels: {
                enabled: false
            }
        },
    bar: {
        dataLabels: 
        {
            allowOverlap:true,
            enabled: true,
            align: 'right',
            overflow:"none",
            formatter: function() { return this.y;},
        }
    }            
    },
    xAxis: {
        categories: ["Mary<br/>$ 4,623,450","John<br>$     1,848,380","Jane<br/>$ 640,170"]
    },
    series: [{
        "data": [
            ["65%",4623450],
            ["26%", 1848380],
            ["9%", 640170]
        ],
        "name": "Session1"
    }]
});