更改圖表副標題

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); 
     } 
    } 
}