如何在arearange系列的最后一个值上显示数据标签

时间:2014-02-26 08:19:45

标签: highcharts highstock

我需要在下面的代码段中显示arearange系列的最后一个值的数据,与here中对于系列的描述相同。

$(function () {

var ranges = [
        [1246406400000, 14, 27],
        [1246492800000, 13, 17],
        [1246579200000, 15, 29],
        [1246665600000, 16, 30],
        [1246752000000, 18, 25]         
    ];


    $('#container').highcharts({

        xAxis: {
            type: 'datetime'
        },

        series: [ {
            name: 'Range',
            data: ranges,
            type: 'arearange',
            lineWidth: 0,
            linkedTo: ':previous',
            color: Highcharts.getOptions().colors[0],
            fillOpacity: 0.3,
            zIndex: 0
        }]

    });
}); 

以下是给定代码的jsfiddle:http://jsfiddle.net/xG3QF/1/

谢谢

1 个答案:

答案 0 :(得分:0)

得到它,最后一个值应该使用x,low,high作为对象传递,如here所述。

   {
            dataLabels: {
                enabled: true,
                align: 'left',
                style: {
                    fontWeight: 'bold'
                },
                x: 3,
                verticalAlign: 'middle',
                overflow: true,
                crop: false
            },
            x: 1246752000000,
        low:18,
        high:25
        }   

更新了jsfiddle。 http://jsfiddle.net/xG3QF/2/