chart.js - 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 库
• 添加一个按钮，我添加了<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/