在图表上显示上一个Y轴值

Question

我有一个带有日期时间X轴的样条曲线图。我想在图表上显示默认情况下最近/最近的Y轴值。

我的所有数值目前都设置为在悬停的工具提示中显示，我不知道如何实现这一点。这是一个每日统计图表，并且每天都会更新，所以如果用户能够快速查看Y轴上的最新值，那将会很不错。

任何提示或解决方案将不胜感激！

Answer 1

好吧，所以我设法使用dataLabels属性及其格式化程序来完成此操作。

重要的部分是dataLabels选项。您首先必须将其设置为启用，然后让格式化程序仅在系列的最后一点时才返回点值。 标签的x和y值也必须进行编辑以适合您的需要（取决于您的图表容器的宽度/高度等）。在示例中，我只是试图使其可读。

这里的片段：

var chart = new Highcharts.Chart({ 

chart: { 
    renderTo: 'container' 
}, 

xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
}, 

plotOptions: { 
    series: { 
     dataLabels : { 
       enabled : true, 
       align : 'left', 
       x : 3, 
       y : 9, 
       formatter : function() { 
        if (this.point.x == this.series.data[this.series.data.length - 1].x) { 
         return this.y; 
        } else { 
         return null; 
        } 
       } 
      } 
    } 
}, 

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] 
}, { 
    data: [106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5] 
}] 

}); 

，我也做了这个解决方案的小提琴：尚未http://jsfiddle.net/tzEdX/