javascript - 当变量改变值时图表不改变值

我试图使用 Chart.js 通过单击按钮来更新图表中的数据，但图表不会根据数据发生变化。另一点是，如果我没有声明变量“adata”的值，则不会生成图表，即使我声明日期的值将基于其中一个选择值。

我试图在没有任何服务器端编程的情况下完成所有事情(资源有限)。

为了确保当我选择其中一个选项时变量“adata”的值发生变化，我在

标记中放置了一个字段，以在屏幕上显示“adata”的值

你能帮我解决我做错的事情吗？按照链接到变量“adata”，其设置值:<https://jsfiddle.net/DJacob/ndq6msuz/2/> 以及基于值的选择:<https://jsfiddle.net/DJacob/ndq6msuz/>

最佳答案

似乎 onchange 没有触发(内部 Jsfiddle 问题)。如果您将代码复制到 HTML，它可以正常工作，不会出现错误，但不会更新图表。

您需要在调用update()之前更改数据:

document.getElementById("demo").innerHTML = adata;
myChart.data.datasets[0].data = adata;
myChart.update();

我更改了您的 jsfiddle 以监听另一个更改事件，但如果您在本地(不是 jsfiddle)执行此操作，则不需要:

关于javascript - 当变量改变值时图表不改变值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39128854/