Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.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 莫里斯柱状图_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 莫里斯柱状图

Javascript 莫里斯柱状图,javascript,jquery,ajax,Javascript,Jquery,Ajax,我在显示条形图时遇到问题。 如果我在控制器中给出静态日期,它可以正常工作,但当我从报告范围更改日期时,它不会在图形中显示任何内容,也不会在表中显示任何内容。显然,请求响应成功地发送到服务器和从服务器发送到服务器。我认为问题出在我接收数据的地方,非常感谢您的建议。 提前谢谢。 我的观点如下 .Net框架 <script type="text/javascript"> $(document).ready(function() { $("#reportrange").on("appl

我在显示条形图时遇到问题。 如果我在控制器中给出静态日期,它可以正常工作,但当我从报告范围更改日期时,它不会在图形中显示任何内容,也不会在表中显示任何内容。显然,请求响应成功地发送到服务器和从服务器发送到服务器。我认为问题出在我接收数据的地方,非常感谢您的建议。 提前谢谢。 我的观点如下

.Net框架

<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);
}
});
});