Highcharts 数据标签文本在highchart中对齐

我想动态地将dataLabel对齐在两个条的中心

通过使用以下命令，动态显示绿色或蓝色条的可见数据：

dataLabels: {
                enabled: true,
                formatter: function() {
                    return this.point.avg;
                }
            }

我不想使用x和y属性，因为数据可能会出现在任何一个条上。希望下面提到的图片给你一个清晰的画面

注：平均票价的价值并不代表酒吧的价值

有人能帮我实现这个用例吗

谢谢

您可以使用该参数将标签偏移到所需的位置

      series: [{
            data: series1,
            dataLabels: {
                enabled: true,                    
                y: -14 // move this down
            }
        }, {
            data: series2,
            dataLabels: {
                enabled: true,                    
                y: 14 // move this one up
            }
        }]

这是一个例子

您可以使用该参数将标签偏移到所需的位置

      series: [{
            data: series1,
            dataLabels: {
                enabled: true,                    
                y: -14 // move this down
            }
        }, {
            data: series2,
            dataLabels: {
                enabled: true,                    
                y: 14 // move this one up
            }
        }]

这是一个例子

---

仅为一个用户启用数据标签。并禁用所有剩余的。 通过查看x和y值，根据需要定位单个标签

            dataLabels: {
                align:'left',
                enabled: true,                    
                x: 20,
                y: -10
            },

您可以将此作为示例：

---

希望这将帮助您只为一个用户启用数据标签。并禁用所有剩余的。 通过查看x和y值，根据需要定位单个标签

            dataLabels: {
                align:'left',
                enabled: true,                    
                x: 20,
                y: -10
            },

您可以将此作为示例：

---

希望这将对您有所帮助

我感谢您的做法。我试过同样的方法，这里不合适的是两个条的值不同，我们可以在您发布的示例中看到。选中“Apr”在您的示例中，dataLabel崩溃。这是因为标签溢出了绘图区域，这可以像这里一样控制是的，这是真的。但是，如果系列1数据的值小于系列2数据，该怎么办。勾选这个我已经勾选了解决你问题的答案。太好了，我很欣赏你的方法。我试过同样的方法，这里不合适的是两个条的值不同，我们可以在您发布的示例中看到。选中“Apr”在您的示例中，dataLabel崩溃。这是因为标签溢出了绘图区域，这可以像这里一样控制是的，这是真的。但是，如果系列1数据的值小于系列2数据，该怎么办。勾选这个我已经勾选了解决你问题的答案。太好了