数据标签未显示为Highcharts

时间:2016-01-12 22:49:06

标签: javascript jquery css charts highcharts

我正在尝试显示数据标签。但DATALABEL黑色条没有显示。为什么呢?

http://jsfiddle.net/o4pt855e/

其他栏显示得很好。我借此机会问我怎样才能提出一个条件?如果该值小于5,则DATALABEL显示在左侧,否则显示在右侧。

/etc/environment

1 个答案:

答案 0 :(得分:5)

默认每个数据标签都有一个填充,当重叠其他标签时则隐藏。因此,您需要将padding设置为0,将allowOverlap选项设置为true。

plotOptions: {
            bar: {
                dataLabels: {
                padding:0,
                allowOverlap:true,
                    enabled: true,
                    align: 'left',
                    color: '#FFFFFF',
                    inside: true,
                    crop: false,
                    overflow:"none",
                        formatter: function() {

                    return this.series.name+ " "+ this.y;

                    console.log(this.series.name);
                },
                    style:{
                        width:100
                    }

                }
            }
        },

http://jsfiddle.net/vj19ukbc/