Highcharts 柱形图：显示文字和百分比数据标签

要在 Highcharts 柱形图中同时显示文字和百分比，你可以使用柱形图的数据标签（dataLabels）选项来实现。\n\n首先，你需要在柱形图的数据系列中设置数据标签的启用状态为true，以及设置标签的格式化函数。在该函数中，你可以获取柱形图的值，并将其转换为百分比形式。\n\n下面是一个示例代码：\n\njavascript\nHighcharts.chart('container', {\n chart: {\n type: 'column'\n },\n title: {\n text: '柱形图显示文字和百分比'\n },\n xAxis: {\n categories: ['A', 'B', 'C', 'D']\n },\n yAxis: {\n title: {\n text: '值'\n }\n },\n series: [{\n name: '数据',\n data: [10, 20, 30, 40],\n dataLabels: {\n enabled: true,\n format: '{y} ({point.percentage:.1f}%)'\n }\n }]\n});\n\n\n在上面的代码中，我们设置了柱形图的数据系列的数据标签选项。其中，enabled设置为true表示启用数据标签，format设置为'{y} ({point.percentage:.1f}%）'表示标签的格式为柱形图的值（{y}）和值的百分比（{point.percentage:.1f}）。\n\n运行上述代码，你将会看到一个柱形图，每个柱形上显示了对应的值和百分比。