当变量更改值

时间:2016-08-24 16:43:07

标签: javascript jquery chart.js

下午好,我正在学习Javascript,我试图通过单击按钮使用Chart.js更新图表中的数据,但图表不会根据数据更改。 另一点是,如果我没有为变量“adata”声明一个值,则不会生成图形,即使我声明日期的值将基于其中一个选择值。

我正在尝试在没有任何服务器端编程(资源有限)的情况下完成所有工作

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

标签中放置一个字段,在屏幕上显示“adata”的值

你能帮我解决我做错的事吗? 按照设置值关注指向变量“adata”的链接:<https://jsfiddle.net/DJacob/ndq6msuz/2/> 和一个基于价值的选择:<https://jsfiddle.net/DJacob/ndq6msuz/>

1 个答案:

答案 0 :(得分:1)

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

您需要在致电update()之前更改数据:

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

我改变了你的jsfiddle来听另一个改变事件,但是你不需要在本地做这个(不是jsfiddle):

https://jsfiddle.net/ndq6msuz/3/