Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择chartjs上的下拉自定义_Javascript_Css_Select_Dropdown - Fatal编程技术网

Javascript 选择chartjs上的下拉自定义

Javascript 选择chartjs上的下拉自定义,javascript,css,select,dropdown,Javascript,Css,Select,Dropdown,今天 昨天 最后7天 让我们看看图表;//1. 设inp=document.getElementById(“天”); inp.onchange=函数(){//3 const today=new Date().getTime()++inp.value*1000*60*60*24;//4 const newMax=新日期(今天).toISOString().split(“T”)[0] console.log(“newMax”,newMax) chart.config.options.scales.x


今天
昨天
最后7天
让我们看看图表;//1.
设inp=document.getElementById(“天”);
inp.onchange=函数(){//3
const today=new Date().getTime()++inp.value*1000*60*60*24;//4
const newMax=新日期(今天).toISOString().split(“T”)[0]
console.log(“newMax”,newMax)
chart.config.options.scales.xAxes[0].ticks.max=newMax
chart.update();
};
函数构建图(标签、值、图表标题){
风险值数据={
标签:标签,
数据集:[{
标签: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(数学下限(值)==值){
返回值;
}
}
}
}]
},
}
});
返回我的图表;
}
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;
});
对于(i=0;i