Javascript Highcharts图表未显示

我正在使用Highcharts创建图表，当ajax调用成功时，我将数据提供给div，使图表显示为空

我的ajax调用

  var mWhereParam = { arrSelectedValues: arrSelectedValues };

    $.ajax({
        type: "POST",
        url: "OssmWebService.asmx/FillChart",
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(mWhereParam),
        dataType: "json",
        success: function (data1) {
            debugger;
         //   var ChartData = data1.d;


            var Graph = "line"

          Highcharts.setOptions({
              chart: {
                  type: Graph
              },

              credits: {
                  enabled: false
              },


              options3d: {
                  enabled: true,
                  alpha: 15,
                  beta: 15,
                  depth: 50,
                  viewDistance: 25
              },

              //title: { text: ''},
              //subtitle: { text:''},
              //xAxis: { categories: '' },
              yAxis: {
                  // reversed: true,
                  title: {
                      text: 'Rank'
                  },

                  labels: {
                      formatter: function () {
                          return this.value ;
                      }
                  },
              },
              xAxis: {
                  labels : {
                      useHTML: true,
                      formatter: function() {
                          return this.value; // clean, unformatted number for year
                      }
                  }

              },
              plotOptions: {
                  series: {
                      animation: {
                          duration: 4000,
                      }
                  },
              },
              tooltip: {
                  headerFormat: '<b>{series.name}</b><br/>',
                  //animation: [true],
                  // pointFormat: '{point.x} Year: {point.y}'
              },
              //series: ''

              //legend: {
              //    layout: 'vertical',
              //    align: 'right',
              //    verticalAlign: 'middle',
              //    borderWidth: 0
              //},

          });

          debugger;
                var chart1 = new Highcharts.Chart({
                    chart:{renderTo:'container1'},
                    //   title : {text :'<% = ViewState["DbTitle"].ToString() + " --  " + ViewState["DbSubTitle"].ToString() %>'},
                    title : data1.d



                });






            debugger;
            console.log(data1);
            console.log('success');
        }

    });


})

还有我的Html Div

它在表格上是这样显示的

---

请告诉我我做错了什么数据有问题还是什么？无法理解。

像这样调试是非常困难的。如果您可以制作一个

jsfiddle

，那将非常有用。否则，请尝试从Highcharts示例页面获取一个基本折线图示例。确保它工作，然后调整它，直到它看起来像你想要的方式。你的代码非常混乱，我没有看到任何实际设置图表选项中的系列属性的东西。您的代码是否缺少某些部分？另外，在JSON中，这个：

“{text:'Basic Requirement'}

应该是：

”标题：{text:'Basic Requirement'}

系列属性在JSON中提交@jlbriggs@MussaibSiddiqui,他的意思是，你从来没有将图表的系列设置为来自ajax调用的任何内容，因此没有什么可绘制的。

"{ text :'Basic Requirement'}, subtitle : { text : 'Basic Requirement'}, xAxis: { categories:['2010-2011','2011-2012','2012-2013','2013-2014','2014-2015','2015-2016','2016-2017']},
 series:[{ name: 'Basic Requirement-Oman', data: [24,20,15,13,19,29,42] , visible : true ,  dataLabels: {  enabled: true } },
{ name: 'Efficiency Enhancers-Oman', data: [48,45,45,39,49,63,63] } ] "