外部csvデータと動的脚注を含む静的ハイチャートグラフィック

Question

静的なJavaScriptコードと外部の動的なcsvデータで構成されるハイチャートグラフィックがあります。（外部CSVデータは毎日更新され、Javascriptコードは変更されません）。ここで、脚注を追加します。たとえば、「キャプション」を使用します。これも動的である必要があります。フッターを動的にするにはどうすればよいですか？

jsfiddleの例は次のとおりです。 https://jsfiddle.net/martindfurrer/kx5ebgny/

caption: {
   text: 'The Javascript code is static, the data is in a csv file. This text 
      should also be dynamic, i.e. should be read out of the csv file.'
}

Answer 1

loadイベントでcsvデータを取得し、フォーマットされた応答でグラフを更新します。次に例を示します。

    chart: {
        events: {
            load: function() {
                fetch('https://demo-live-data.highcharts.com/vs-load.csv')
                    .then(response => response.text())
                    .then(data => {
                        this.update({
                            caption: {
                                text: data
                            }
                        });
                    });
            }
        }
    }

---

ライブデモ： jsfiddle

APIリファレンス： api.highcharts.com