highcharts - dataLabel 文本在 highchart 中对齐

Question

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

可见的数据动态显示为绿色或蓝色条，使用：

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

我不想使用 x 和 y 属性，因为任何条形都可以显示数据。希望下面提到的图片能给你一个清晰的画面。

注意：avg_fare 的值不代表 bar 的值。

谁能帮我实现这个用例？

谢谢

Answer 1

您可以使用dataLabels.y参数将标签偏移到您想要的位置。

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

这是一个小提琴。

Answer 2

仅为一个启用 datalables。并禁用所有剩余的。通过设置 x 和 y 值来放置您想要的单个标签

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

您可以将此作为示例：http: //jsfiddle.net/fMdk3/

希望对你有帮助