下午好,我正在学习Javascript,我试图通过单击按钮使用Chart.js更新图表中的数据,但图表不会根据数据更改。 另一点是,如果我没有为变量“adata”声明一个值,则不会生成图形,即使我声明日期的值将基于其中一个选择值。
我正在尝试在没有任何服务器端编程(资源有限)的情况下完成所有工作
当我选择其中一个选项时,确保变量“adata”的值发生变化,我在
标签中放置一个字段,在屏幕上显示“adata”的值
你能帮我解决我做错的事吗?
按照设置值关注指向变量“adata”的链接:<https://jsfiddle.net/DJacob/ndq6msuz/2/>
和一个基于价值的选择:<https://jsfiddle.net/DJacob/ndq6msuz/>
答案 0 :(得分:1)
似乎onchange
没有触发(内部Jsfiddle问题)。如果您将代码复制到您的HTML,它可以正常工作,但不会更新图形。
您需要在致电update()
之前更改数据:
document.getElementById("demo").innerHTML = adata;
myChart.data.datasets[0].data = adata;
myChart.update();
我改变了你的jsfiddle来听另一个改变事件,但是你不需要在本地做这个(不是jsfiddle):