json - 軽量チャートが json データの読み込みに失敗する

Question

軽量チャートを使用して、testing.json にデータを割り当てようとしています

testing.json:

{"mydata":[{"time":"2020-10-27","value":"7.070"},{"time":"2020-10-28","value":"7.070"},{"time":"2020-10-30","value":"7.000"},{"time":"2020-11-02","value":"7.010"},{"time":"2020-11-05","value":"8.160"}]}

この方法を使用して軽量チャートを読み取ると、機能します

$(document).ready(function () {
    $.getJSON("testing.json", 
        function (jsondata) {
            console.log(jsondata.mydata);
            areaSeries.setData( jsondata.mydata );
    });
 });

この方法でjsonファイルを読み込まずに直接宣言するとうまくいきます

var data = [
    {"time":"2020-10-27","value":"7.070"},
    {"time":"2020-10-28","value":"7.070"},
    {"time":"2020-10-30","value":"7.000"},
    {"time":"2020-11-02","value":"7.010"},
    {"time":"2020-11-05","value":"8.160"}
];
areaSeries.setData(data);

しかし、変数に個別に割り当ててからsetDataに読み込むと、失敗します...

var data = [];
$(document).ready(function () {
    $.getJSON("testing.json", 
        function (jsondata) {
            console.log(jsondata.mydata);
            data= jsondata.mydata;
    });
});
areaSeries.setData(data);