将datalabel对齐到列highcharts的顶部

时间:2013-02-27 16:12:51

标签: javascript formatting alignment highcharts

如果列正在上升,我试图将列中的datalabel放到顶部,如果列现在正在向下,那么这个代码将在中间左边对齐。

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

我该怎么做?此外,如果highcharts显示的列不像文本那么宽,我该如何检查并将文本放在列上呢?

1 个答案:

答案 0 :(得分:2)

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

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);
            }
        });