Chartjs：クリック時のyaxesティックの最小値と最大値を更新

Question

chartjsを使用して折れ線グラフを描画しています。私はこれらのグラフを動的に作成しており、異なるデータ型に応じて2〜10のグラフが存在する可能性があります。今すぐボタンやテキストをクリックするとグラフが更新されます。このアップデートではy-axes ticksのminとmaxが変更されます。私はこの

myChart.options.scales.yAxes[0].ticks.min=some_value;

myChart.update();

を行うことによって、1つのグラフ上のJavaScriptコンソールでそれを実行しようとしているが、問題は、私は、テキストまたはボタンをクリックしたときに私はそれをどのように変化するかです。私は伝説を作らなければならないのですか？

これはテスト実行のための私のjsfiddleです。

どんな種類のヘルプでも大歓迎です。あなたはjQueryの使用することができます

Answer 1

：

• がjQuery library
• ボタンを追加、私は、クリックの2行を実行jQueryのトリガーを追加<button id="action">action</button>
• を追加しました：

$('#action').off().on('click', function() { myLineChart.options.scales.yAxes[0].ticks.min = -50; myLineChart.update(); })

参照：​​