在Highcharts中填充数据

时间:2014-01-22 06:32:47

标签: javascript ajax highcharts

我试图在highcharts中填充少量数据。我在函数中使用以下代码。但数据系列没有更新。在这里,我从php Web服务的ajax调用中调用2组数据。然后我在数据系列中给出了这些数据。当我在数据系列中添加静态值时,图表正在工作。我该怎么办?哪里出错了?我是Javascript和Highcharts的新手。

var oct_data_1, nov_data_1, dec_data_1,
    oct_data_2, nov_data_2, dec_data_2;

$.ajax({
    type: "GET",
    url: "dal/getdata.php",
    success: function (result) {
    var JSONobject = JSON.parse(result);            

    oct_data_1 = JSONobject[0].oct_data_1;
    nov_data_1 = JSONobject[0].nov_data_1;
    dec_data_1 = JSONobject[0].dec_data_1;
    oct_data_2 = JSONobject[0].oct_data_2;
    nov_data_2 = JSONobject[0].nov_data_2;
    dec_data_2 = JSONobject[0].dec_data_2;

function chartShow(oct_data_1, nov_data_1, dec_data_1, oct_data_2, nov_data_2, dec_data_2){
$(function monthComparisn () {    
    $('#chartContainer').highcharts({
         chart: {
             width: 600
         },
         title: {
             text: 'My Title'
         },
         xAxis: {
             categories: ['October', 'November', 'December']
         },
         tooltip: {
             formatter: function() {
             var s;
             if (this.point.name) { // the pie chart
                 s = ''+
                 this.point.name +': '+ this.y;
             } else {
                 s = ''+
                 this.x  +': '+ this.y;
                 }
             return s;
             }
             },
             labels: {
                 items: [{
                 style: {
                     left: '40px',
                     top: '8px',
                     color: 'black'
                     }
                 }]
             },

             series: [{
                 type: 'column',
                 name: 'Data 1',
                 data: [oct_data_1, nov_data_1, dec_data_1]
             }, {
                 type: 'column',
                 name: 'Data 2',
                 data: [oct_data_2, nov_data_2, dec_data_2]
             }]
      });


   });
  }

  chartShow();        

  }
  });

0 个答案:

没有答案