在 Highcharts 股票图表上将最后一点的值显示为标签或工具提示

Question

我在一张股票图表 (HighCharts) 中有多个不同比例的数据系列。

我想将每个系列连接到它的轴或在其上显示每个系列的最后一个点的值（类似于数据标签，但只是每个系列的最后一个点）

$(function () {
    $('#container').highcharts({

        chart: {
            renderTo: 'container'
        },
        xAxis: [{
            type: 'datetime'
        }],
        yAxis: [{
            opposite: true,
          lineWidth: 1
        },{
            opposite: true,
          lineWidth: 1
        }],

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
            pointStart: Date.UTC(2010, 0, 1),
            pointInterval: 24 * 3600 * 1000, // one day
            yAxis: 1
        }, {
            data: [20000, 2250, 30300, 28000, 27000, 27800, 25800],
            pointStart: Date.UTC(2010, 0, 3),
            pointInterval: 24 * 3600 * 1000, // one day
        }]

    });
});

http://jsfiddle.net/HamedMahdizadeh/4wjc02dw/2/

HighStock

Answer 1

您只需添加一个简单的数据格式化程序即可让数据标签仅显示在最后一个数据点上。

plotOptions: {
        series: {
            dataLabels: {
                enabled: true,
                formatter: function(){
                    var isLast = false;
                    if(this.point.x === this.series.data[this.series.data.length -1].x && this.point.y === this.series.data[this.series.data.length -1].y) isLast = true;

                  return isLast ? this.y : '';
                }
            }
        }
    },

Updated fiddle

在 Highcharts 股票图表上将最后一点的值显示为标签或工具提示

Show value of last point as label or tooltip on Highcharts Stock Chart

javascript

highcharts

highstock