使用addSeries数组添加Highchart动态数据

时间:2017-04-26 02:09:36

标签: javascript arrays ajax dynamic highcharts

如何管理或动态化?我正在使用高图栏,我不知道如何让这部分代码变得充满活力:

series: [{
         name: 'Clinic 1',
         data: [3, 3, 4, 7, 3]
     }, {
         name: 'Clinic 2',
         data: [2, 2, 3, 2, 4]
     }, {
         name: 'Clinic 3',
         data: [3, 4, 4, 2, 1]
     }] 

在我的情况下,我试图让它变得动态,我不知道如何使data:[]成为一个动态的,像我的问题是数组的长度data[]和另外,另一个问题,我也对addSeries函数有一点了解,其语法是:

chart.addSeries({
    name: example
    data: example
})

我可以将名称和数据分开吗?因为如果我将填充循环中包含名称,它将复制,我也认为我需要一个多循环来填充data函数的addseries部分 这是我的代码,其中包含所有数据,但我不知道如何使用addSeries来绘制它是动态的。

function getbarxAxis() {
  getallclinics();
  var arrayLength = myclinicsID.length;
 $.ajax({
   url: siteurl+"patients_report/bardata_date",
   type: "POST",
   dataType: "JSON",
   success: function(data) {
     for (var i in myclinicsID) {
       categories.push(data[i]["datemonths"]);

          for(var innerLoop = 0; innerLoop < arrayLength; innerLoop++) {        
            getbarSeriesData(myclinicsID[innerLoop],data[i]['datemonths']);

         }
     }
    loadChart(categories);
   }
 });
}
    function getbarSeriesData(clinicID,month) {
    $.ajax({
        url: siteurl+"patients_report/get_checkup/"+month+"/"+clinicID,
        type: "POST",
        dataType: "JSON",
        success: function(data) {
          alert (data[0]['total_check']);
        }
    });
}

在我的代码中,我已经绘制了xAxis,其中包含几个月:然后每个xAxis,我查询它以获取数据,每个月,现在我正在努力如何绘制数据,我需要在哪里将addSeries namedata分开,因为我将使用name的第一个循环和第二个循环,在那里我会放置data的东西像这样:

for (var i in myclinicsID) {
chart.addSeries {
name: myclinicsNAME[i]
}

for(var innerLoop = 0; innerLoop < arrayLength; innerLoop++) {
  getbarSeriesData(myclinicsID[innerLoop],data[i]['datemonths']); // inside of this is the addseries data
}
}

CONSOLE FOR

POST 
XHR 
http://localhost/clinic/patients_report/get_checkup/March/1 [HTTP/1.1 200 OK 83ms]
POST 
XHR 
http://localhost/clinic/patients_report/get_checkup/March/2 [HTTP/1.1 200 OK 76ms]
POST 
XHR 
http://localhost/clinic/patients_report/get_checkup/March/3 [HTTP/1.1 200 OK 165ms]
POST 
XHR 
http://localhost/clinic/patients_report/get_checkup/March/4 [HTTP/1.1 200 OK 70ms]
POST 
XHR 
http://localhost/clinic/patients_report/get_checkup/April/1 [HTTP/1.1 200 OK 87ms]
POST 
XHR 
http://localhost/clinic/patients_report/get_checkup/April/2 [HTTP/1.1 200 OK 142ms]
POST 
XHR 
http://localhost/clinic/patients_report/get_checkup/April/3 [HTTP/1.1 200 OK 180ms]
POST 
XHR 
http://localhost/clinic/patients_report/get_checkup/April/4 [HTTP/1.1 200 OK 146ms]

每个控制台都有此响应:

0:Object
  clinic_name: "Clinic 1"
  total_check: "0"

0 个答案:

没有答案