更改图表副标题

Question

也许不是最好的标题，但我想要做的是更改图表的副标题，以包括显示在其中的最后一个温度。事情是这样的

最后一个值：4度

图表的数据是一个CSV文件。

$(document).ready(function() { 
    var lastVal = 0; 
    $.get('csv/Temp.csv', function (csv) { 
     $('#Temp').highcharts({ 
      chart: { 
       type: 'spline', 
       zoomType: 'xy' 
      }, 
      data: { 
       csv: csv 
      }, 
      title: { 
       text: 'Outside Temperature' 
      }, 
      subtitle: { 
       text: 'Last value: ' 
      }, 
      yAxis: { 
       title: { 
        text: 'Units' 
       } 
      } 
     }); 
    }); 
}); 

如果我改变字幕到：

subtitle: { 
     text: function() { 
      lastVal = this.yData[this.yData.length - 1]; 
      return 'Last Value: ' + lastVal; 
     } 
}, 

我只获取文本。我该怎么做呢？

chart.setTitle(Object title, object subtitle, Boolean redraw) 

一个例子是：：

Answer 1

您可以以编程方式使用功能（API）更改图表字幕

chart.setTitle(null, { text: "New subtitle" }, true); 

如果你希望这种负载发生与CSV数据，你可以这样做（JSFiddle）：

chart: { 
    events: { 
     load: function(event) { 
      var lastValue = this.series[0].data[this.series[0].data.length-1].y; 
      this.setTitle(null,{ text: 'Last y-value: '+lastValue }, true); 
     } 
    } 
}