Question

我一直在寻找，我找不到一种简单的方法来将Highcharts dataLabels修复到图形的底部。对于柱形图，我正在寻找的内容如下：

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

谢谢你的帮助。

Answer 1

您可以迭代每个元素，并使用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/

Answer 2

我认为以下代码可以帮助您。 stacking就是诀窍。根据您的图表更改y值。

plotOptions:{

    column:{
        stacking:'normal',
    dataLabels:{
        enabled:true,
        verticalAlign:'bottom',
        y:40
    }
    },
},

将Highcharts dataLabels修复到底部

2 个答案: