Javascript Highcharts条形图将数据标签格式化为百分比并添加文本

我有海图吧

如何将我的datalabel格式化为百分比并添加文本datalabel（如何重新定位此文本？需要我创建此栏的垂直版本）

最后，在水平或垂直的解决方案中应该是这样的

Highcharts.chart（'container'{
图表：{
类型：'bar'
},
标题：{
文本：“活动”
},
xAxis：{
类别：[“活动”]
},
亚克斯：{
分:0,，
标题：{
文本：“”
}
},
图例：{
对
},
打印选项：{
系列：{
边框宽度：0，
堆叠：“正常”，
点宽度：3，
数据标签：{
启用：对，
y:2，
垂直排列：“顶部”，
对齐：“左”，
颜色：'#000000'，
风格：{
text大纲：false
}
}
}
},
系列：[{
名称：“一”，
数据：[10]，
颜色：“#f45b69”
}, {
姓名:"两",，
数据：[20]，
颜色：“#44bba4”
}, {
姓名:"三",，
数据：[30]，
颜色：“#ff9f1c”
}]
});
要仅显示后面带有百分号的数字以及序列名称，您可以如下设置
dataLabels
格式：

plotOptions: {
  series: {
    format: '{y} % <br/> {series.name}',
    ...
  }
}

plotOptions：{
系列：{
格式：“{y}%
{series.name}”，
...
}
}

如果您想更改它的外观或具有更多自定义功能，可以使用而不是
格式

工作示例：

dataLabels上的API。格式：
要仅显示后面带有百分号的数字以及序列名称，您可以如下设置
dataLabels
格式：

plotOptions: {
  series: {
    format: '{y} % <br/> {series.name}',
    ...
  }
}

plotOptions：{
系列：{
格式：“{y}%
{series.name}”，
...
}
}

如果您想更改它的外观或具有更多自定义功能，可以使用而不是
格式

工作示例：

数据标签上的API。格式：