highcharts - 将 Highcharts dataLabels 固定到底部

Question

我一直在搜索，但找不到将 Highcharts 数据标签固定到图形底部的简单方法。对于柱形图，我正在寻找类似于以下内容的内容:

 80 -  ┌──┐        ┌──┐ ┌──┐
 40 -  |  | ┌──┐   |  | |  |
  0 -|_|__|_|__|_|_|__|_|__|_|
        80   40     80   80
         Cat 1       Cat 2

谢谢你的帮助。

Answer 1

您可以迭代每个 elemetn，并使用 translate 函数，该函数允许“移动”SVG 元素。

var bottom = chart.plotHeight - 20;

    $.each(chart.series[0].data,function(i,data){

        data.dataLabel.attr({
            y: bottom
        });
    });

看一个简单的例子:

http://jsfiddle.net/wMLg6/39/