Highcharts Line Chart，在线系列末尾显示系列名称

Question

我们对折线图有如下要求。我们正在使用highcharts。我们的要求是图表应在行尾显示系列名称，如下图所示。

我们怎样才能做到这一点？

Answer 1

作为 的替代方案renderer()，我发现dataLabels为此目的使用 很方便。

这个想法是要禁止dataLabels的plotOptions，但确定的位置和格式反正。

然后dataLabels为每个系列的数据数组中的最后一个点启用。

例子：

plotOptions: {
  series: {
    dataLabels: {
      enabled: false,
      crop: false,
      overflow: 'none',
      align: 'left',
      verticalAlign: 'middle',
      formatter: function() {
        return '<span style="color:'+this.series.color+'">'+this.series.name+'</span>';
      }
    }
  }
}

小提琴：

• http://jsfiddle.net/jlbriggs/pgo7pedn/

输出示例：