ChartJS:单击时更新Yaxes tick的最小值和最大值

Question

我正在使用ChartJS绘制线图。我正在动态制作这些图表，并且可以根据不同的数据类型有2到10个图表。现在，当我单击按钮或文本时，我想更新图表。此更新将更改y-axes ticks的min和max。我尝试通过这样做在一个图表上的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/