javascript - 将数据标签对齐到列高图的顶部

Question

如果该列正在上升，我正在尝试将列内的数据标签放在顶部，如果该列现在正在下降，则将其放在底部，并且此代码与中间的左侧对齐。

plotOptions: {
        series: {
        stacking: 'normal',
            dataLabels: {
                align: 'top',
                enabled: true,
                formatter: function() {
                    return this.y.toFixed(2) +' %';
                }
            }
        }
    },

我该怎么做？此外，如果 highcharts 显示的列不如文本宽，我将如何检查并将文本放在列上？

Answer 1

您可以通过翻译功能将数据标签“移动”到负列的底部。

http://jsfiddle.net/wMLg6/33/

 var datalabel;

        $.each(chart.series[0].data,function(j,data){
            if(data.y < 0)
            {
                datalabel = data.dataLabel;
                datalabel.translate(datalabel.x,data.plotY-20);
            }
        });