Chartjs：在点击时更新yaxes刻度的最小值和最大值

Question

我正在使用chartjs绘制折线图。我动态制作这些图表，根据不同的数据类型，可以有2到10个图表。现在我想在单击按钮或文本时更新图表。此更新将更改min的max和y-axes ticks。我尝试在一个图表上的javascript控制台中执行此操作

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

myChart.update();

但问题是，当我点击文字或按钮时，我将如何更改它。我必须要传奇吗？

这是我的jsfiddle进行试运行。

任何形式的帮助将不胜感激。

Answer 1

你可以使用jQuery：

• 添加jQuery library
• 添加一个按钮，我添加了<button id="action">action</button>
• 添加一个jQuery触发器，在点击时执行2行：

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

见：https://jsfiddle.net/gdqkLtc2/3/