折线图,当数据小于min时,在图表内显示数据标签

时间:2014-07-25 20:14:55

标签: javascript highcharts

我需要显示超出限制的所有点的数据标签。

我尝试了一些但没有效果的事情。

在这个例子中,它应该显示" -15"在图形区域内。

http://jsfiddle.net/fpanci/4u5zQ/

$(function () {
    $('#container').highcharts({
        chart: {
            marginRight: 50
        },
        yAxis: {
            min: 0
        },
        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 
                   {
                        dataLabels: {
                            enabled: true,
                            align: 'left',
                            style: {
                                fontWeight: 'bold'
                            },
                            x: 3,
                            y: 10,
                            verticalAlign: 'middle',
                            crop: false
                        },
                        y: -15
                    },
                    161.4,
                    54.4,
                    61.1
                  ]
        }]

    });
});

谢谢!

1 个答案:

答案 0 :(得分:0)

如果某个点不可见,那么它的数据标签也不会。

我会将其设置为限制范围之外的点的单独系列。

Example