Javascript 单击按钮刷新div图表js+;谷歌表单

Javascript 单击按钮刷新div图表js+;谷歌表单,javascript,chart.js,refresh,Javascript,Chart.js,Refresh,嗨,伙计们,在这些日子里,我试图实现一个按钮,这样每次点击按钮时,图形都会重新加载。我想在不需要重新加载页面的情况下更新数据,你知道有没有办法修复它 重新加载 函数构建图(标签、值、图表标题){ 风险值数据={ 标签:标签, 数据集:[{ 标签:chartTitle,//为系列命名 数据:价值观, 背景颜色:[ “rgba(50,99,231,0.2)”, “rgba(50,90231,0.2)”, “rgba(50,90231,0.2)”, “rgba(50,90231,0.2)”, “r

嗨,伙计们,在这些日子里,我试图实现一个按钮,这样每次点击按钮时,图形都会重新加载。我想在不需要重新加载页面的情况下更新数据,你知道有没有办法修复它


重新加载
函数构建图(标签、值、图表标题){
风险值数据={
标签:标签,
数据集:[{
标签:chartTitle,//为系列命名
数据:价值观,
背景颜色:[
“rgba(50,99,231,0.2)”,
“rgba(50,90231,0.2)”,
“rgba(50,90231,0.2)”,
“rgba(50,90231,0.2)”,
“rgba(50,90231,0.2)”,
‘rgba(50,90231,0.2)’
],
边框颜色:[
"rgba(50,90,231,1)",,
“rgba(54162235,1)”,
"rgba(50,90,231,1)",,
"rgba(50,90,231,1)",,
"rgba(50,90,231,1)",,
‘rgba(50、90、231、1)’
],
边框宽度:1
}],
};
Chart.defaults.global.defaultFontColor='#151515';
var ctx=document.getElementById(“myChart”).getContext(“2d”);
var myChart=新图表(ctx{
键入:“行”,
数据:数据,
选项:{
responsive:true,//指示chart js做出良好的响应。
maintaintAspectRatio:false,//添加以防止全宽/全高的默认行为
比例:{
xAxes:[{
scaleLabel:{
显示:对,
标签字符串:“”
}
}],
雅克斯:[{
滴答声:{
回调:函数(值、索引、值){
if(数学下限(值)==值){
返回值;
}
}
}
}]
},
}
});
//$('#legend').html(myChart.generateLegend());
返回我的图表;
}
var xhttp=newXMLHttpRequest();
xhttp.onreadystatechange=函数(){
if(this.readyState==4&&this.status==200){
var json=json.parse(this.response);
log(json);
//将json标签映射回数组值
var labels=json.feed.entry.map(函数(e){
返回e.gsx$日期。$t;
});
//将json值映射回值数组
var values=json.feed.entry.map(函数(e){
返回e.gsx$followers.$t;
});
构建图表(labels.reverse()、values.reverse()、“Followers”);
}
};
xhttp.open(“GET”https://spreadsheets.google.com/feeds/list/1ni0kA2mrh5tQPUzDV2k4VO3e_eBWr5h7g7NGZsACAOY/od6/public/full?alt=json");
xhttp.send();
$(“#重新加载程序”)。单击(函数(){
$(“#内容”).load(“#内容”)
});