チャートの一部を編集できるフォームを作成しました。そのうちの 1 つはサブタイトルですが、何らかの理由で chart.redraw() が機能せず、エラー メッセージが返されません。入力フィールドが変更されたら、グラフを再描画する必要があります。チャートはすでに毎分再描画で更新されているので、そうでなければ機能することはわかっていますが、何らかの理由でこの単一の関数では redraw() を呼び出しません。別のオプションは凡例を非表示/表示することであり、redraw() が必要になるため、これは非常に重要です。
HTML:
<input type="text" placeholder="Sub Title" data-chart="chart_3972002" data-action="chartSub">
JavaScript:
$('input[data-action="chartSub"]').change(function(){
$('.unSaved').html('Saving').css('color','#669900').delay(800).fadeOut();
var key = $(this).data('chart');
var chart = JSON.parse(localStorage.getItem(key));
chart.subTitle = $(this).val();
localStorage.setItem(key, JSON.stringify(chart));
var Chart = $('#'+key).highcharts();
Chart.setTitle(null, {text: chart.subTitle});
Chart.redraw();
});