dataLabel文本在高图中对齐

Question

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

使用以下方式动态显示的数据显示为绿色或蓝色条：

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

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

注意：avg_fare的值不代表条形值。

任何人都可以帮助我实现这个用例吗？

由于

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
            }
        }]

这是fiddle。

Answer 2

仅为一个启用数据。并禁用所有剩余的。 通过设置x和y值

来定位您想要的单个标签

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

您可以将其称为示例：http://jsfiddle.net/fMdk3/

希望这会对你有所帮助