Javascript 莫里斯柱状图
我在显示条形图时遇到问题。 如果我在控制器中给出静态日期,它可以正常工作,但当我从报告范围更改日期时,它不会在图形中显示任何内容,也不会在表中显示任何内容。显然,请求响应成功地发送到服务器和从服务器发送到服务器。我认为问题出在我接收数据的地方,非常感谢您的建议。 提前谢谢。 我的观点如下 .Net框架Javascript 莫里斯柱状图,javascript,jquery,ajax,Javascript,Jquery,Ajax,我在显示条形图时遇到问题。 如果我在控制器中给出静态日期,它可以正常工作,但当我从报告范围更改日期时,它不会在图形中显示任何内容,也不会在表中显示任何内容。显然,请求响应成功地发送到服务器和从服务器发送到服务器。我认为问题出在我接收数据的地方,非常感谢您的建议。 提前谢谢。 我的观点如下 .Net框架 <script type="text/javascript"> $(document).ready(function() { $("#reportrange").on("appl
<script type="text/javascript">
$(document).ready(function() {
$("#reportrange").on("apply.daterangepicker", function(a, b) {
var url = "/Owner/SalesbyItemDateRange/" + @Session["O_id"];
var start = b.startDate.format('YYYY-MM-DD HH:mm:ss');
var end = b.endDate.format('YYYY-MM-DD HH:mm:ss');
console.log(start + "---" + end);
// var ctx = document.getElementById("myChart").getContext('2d');
$.ajax({
url: url,
method: 'Get',
headers: {
'Authorization': 'Basic ' + sessionStorage.getItem("PUserEncrypt"),
},
data: {
startDateIn: start,
endDateIn: end
},
success: function(result) {
console.log('SalesbyItem');
console.log(result.barsData);
console.log(result.ykeys);
//document.getElementById('graph_bar1').innerHTML = "";
new Morris.Bar({
element: 'graph_bar1',
data: [
result.barsData
//Html.Raw(ViewData.Model.barsData)
],
xkey: 'y',
ykeys: result.ykeys,
@ * [@Html.Raw(ViewData.Model.yKeys)] * @
xLabelMargin: 10,
labels: result.ykeys,
@ * [@Html.Raw(ViewData.Model.yKeys)],
* @
hideHover: 'auto',
stacked: true,
gridTextSize: '12',
resize: true
});
//update table
},
error: function(jqXHR) {
alert(jqXHR.responseText);
}
});
});
var val = 0;
$("#myButtons :input").change(function() {
val = this.value;
console.log(val); // points to the clicked input button
});
var url = "/Owner/SalesbyItem/" + @Session["O_id"];
var start = moment().subtract(6, 'days').format('YYYY-MM-DD hh:mm:ss');
var end = moment().format('YYYY-MM-DD hh:mm:ss');
console.log(start + "--" + end);
// var ctx = document.getElementById("myChart").getContext('2d');
$.ajax({
url: url,
method: 'Get',
headers: {
'Authorization': 'Basic ' + sessionStorage.getItem("PUserEncrypt"),
},
data: {
startDateIn: start,
endDateIn: end
},
success: function(result) {
document.getElementById('graph_bar1').innerHTML = "";
new Morris.Bar({
element: 'graph_bar1',
data: [
@Html.Raw(ViewData.Model.barsData)
],
xkey: 'y',
ykeys: [@Html.Raw(ViewData.Model.yKeys)],
xLabelMargin: 10,
labels: [@Html.Raw(ViewData.Model.yKeys)],
hideHover: 'auto',
stacked: true,
gridTextSize: '12',
resize: true
});
},
error: function(jqXHR) {
alert(jqXHR.responseText);
}
});
});
</script>
$(文档).ready(函数(){
$(“#reportrange”)。在(“apply.daterangepicker”上,函数(a,b){
var url=“/Owner/SalesbyItemDateRange/”+@Session[“O_id”];
var start=b.startDate.format('YYYY-MM-DD HH:MM:ss');
var end=b.endDate.format('yyyyy-MM-DD HH:MM:ss');
console.log(开始+“--”+结束);
//var ctx=document.getElementById(“myChart”).getContext(“2d”);
$.ajax({
url:url,
方法:“Get”,
标题:{
“授权”:“基本”+会话存储.getItem(“PUserEncrypt”),
},
数据:{
开始日期:开始,
endDateIn:结束
},
成功:功能(结果){
log(“SalesbyItem”);
console.log(result.barsData);
console.log(result.ykeys);
//document.getElementById('graph_bar1')。innerHTML=“”;
新莫里斯酒吧({
元素:“graph_bar1”,
数据:[
巴尔斯达酒店
//Html.Raw(ViewData.Model.barsData)
],
xkey:'y',
ykeys:result.ykeys,
@*[@Html.Raw(ViewData.Model.yKeys)]*@
xLabelMargin:10,
标签:result.ykeys,
@*[@Html.Raw(ViewData.Model.yKeys)],
* @
隐藏:“自动”,
对,,
gridTextSize:'12',
调整大小:true
});
//更新表
},
错误:函数(jqXHR){
警报(jqXHR.responseText);
}
});
});
var=0;
$(“#我的按钮:输入”).change(函数(){
val=该值;
console.log(val);//指向单击的输入按钮
});
var url=“/Owner/SalesbyItem/”+@Session[“O_id”];
var start=moment().subtract(6,'天').format('YYYY-MM-DD hh:MM:ss');
var end=moment().format('YYYY-MM-DD hh:MM:ss');
console.log(开始+“--”+结束);
//var ctx=document.getElementById(“myChart”).getContext(“2d”);
$.ajax({
url:url,
方法:“Get”,
标题:{
“授权”:“基本”+会话存储.getItem(“PUserEncrypt”),
},
数据:{
开始日期:开始,
endDateIn:结束
},
成功:功能(结果){
document.getElementById('graph_bar1')。innerHTML=“”;
新莫里斯酒吧({
元素:“graph_bar1”,
数据:[
@Html.Raw(ViewData.Model.barsData)
],
xkey:'y',
ykeys:[@Html.Raw(ViewData.Model.ykeys)],
xLabelMargin:10,
标签:[@Html.Raw(ViewData.Model.yKeys)],
隐藏:“自动”,
对,,
gridTextSize:'12',
调整大小:true
});
},
错误:函数(jqXHR){
警报(jqXHR.responseText);
}
});
});